npm package discovery and stats viewer.

Discover Tips

  • General search

    [free text search, go nuts!]

  • Package details

    pkg:[package-name]

  • User packages

    @[username]

Sponsor

Optimize Toolset

I’ve always been into building performant and accessible sites, but lately I’ve been taking it extremely seriously. So much so that I’ve been building a tool to help me optimize and monitor the sites that I build to make sure that I’m making an attempt to offer the best experience to those who visit them. If you’re into performant, accessible and SEO friendly sites, you might like it too! You can check it out at Optimize Toolset.

About

Hi, 👋, I’m Ryan Hefner  and I built this site for me, and you! The goal of this site was to provide an easy way for me to check the stats on my npm packages, both for prioritizing issues and updates, and to give me a little kick in the pants to keep up on stuff.

As I was building it, I realized that I was actually using the tool to build the tool, and figured I might as well put this out there and hopefully others will find it to be a fast and useful way to search and browse npm packages as I have.

If you’re interested in other things I’m working on, follow me on Twitter or check out the open source projects I’ve been publishing on GitHub.

I am also working on a Twitter bot for this site to tweet the most popular, newest, random packages from npm. Please follow that account now and it will start sending out packages soon–ish.

Open Software & Tools

This site wouldn’t be possible without the immense generosity and tireless efforts from the people who make contributions to the world and share their work via open source initiatives. Thank you 🙏

© 2024 – Pkg Stats / Ryan Hefner

universal-app

v1.0.17

Published

universal-app

Downloads

19

Readme

universal-app

Greenkeeper badge Travis npm npm

Extensible server for hosting a React universal app(Isomorpic) with support for Graphql, Relay, Passport, and the option to customize own routes, and setup.

Why?

All these boilerplates, starter-kits and different ways to setup, no standards for forlder structuring, file setups etc. Here is a all in one package for hosting hot development and a productionready environment on a single command. Shared React state, Redux state, Relay Environement is also available.

Table of Contents

Getting started

$ npm i -g universal-app-cli
$ ua new myApp
$ ua run

Folder structure

app/        //React application
config/     //Configuration files that are loaded, feel free to create own.
routes/     //Add custom routes

Adding modules

There is possible to add predefined setups for different modules. Right now only GraphQL and Passport is possible. Read more about how to add them and edit them here:

Adding GraphQL

$ ua add graphql

Files that is added and need edit:

config/graphql.js
routes/graphql.js

Adding Passport

$ ua add passport

Files that is added and need edit:

config/passport.js
routes/passport/index.js

Todo:

  • [x] Move installation as a dependency installation
  • [x] Add Graphql module
  • [x] Add passport module
  • [ ] Add Relay module