React auth kit
React auth kit is boilerplate for web development built on: babel6, webpack, flux, nodejs, browsersync. This is fork of react-starter-kit but provide authorization and some other features (see "Features" section)
Simple authorization example with react SSR and altjs - Live demo
Features:
- support router redirect
- support auth from socaial networks (and other sources, local etc.)
- altjs / flux power
- component generator
- support decorators
- server side rendering
- works on react-router
- support sass styles
Packages:
- flux
- altjs - unidirection data flow
- iso - pass data to client
- passport - auth framework
- passport-facebook - atuh from facebook
- passport-twitter - atuh from twitter
- passport-google-oauth - atuh from google plus
- express-session - session support for express
- cookie-parser
- postcss-custom-media - for css media queries
- babel-plugin-transform-decorators-legacy - for decorators
- react-router
- node-sass, sass-loader - for styles
Documentation
Dependency docs
Directory Layout
.
├── /build/ # The folder for compiled output
├── /docs/ # Documentation files for the project
├── /node_modules/ # 3rd-party libraries and utilities
├── /config/ # app config
│ ├── /config.client.js # client-side config
│ ├── /config.server.js # server-side config
├── /src/ # The source code of the application
│ ├── /actions/ # Action creators that allow to trigger a dispatch to stores
│ ├── /components/ # React components
│ ├── /core/ # Core framework and utility functions
│ ├── /decorators/ # Component decorators
│ ├── /public/ # Static files which are copied into the /build/public folder
│ ├── /stores/ # Stores contain the application state and logic
│ ├── /client.js # Client-side startup script
│ ├── /routes.js # Universal (isomorphic) application routes
│ └── /server.js # Server-side startup script
├── /tools/ # Build automation scripts and utilities
│ ├── /lib/ # Library for utility snippets
│ ├── /templates/ # Template for generators
│ ├── /build.js # Builds the project from source to output (build) folder
│ ├── /bundle.js # Bundles the web resources into package(s) through Webpack
│ ├── /clean.js # Cleans up the output (build) folder
│ ├── /copy.js # Copies static files to output (build) folder
│ ├── /deploy.js # Deploys your web application
│ ├── /run.js # Helper function for running build automation tasks
│ ├── /runServer.js # Launches (or restarts) Node.js server
│ ├── /start.js # Launches the development web server with "live reload"
│ └── /webpack.config.js # Configurations for client-side and server-side bundles
│── package.json # The list of 3rd party libraries and utilities
└── preprocessor.js # ES6 transpiler settings for Jest