universal react app with flux, altjs, passportjs and server side rendering
Clone or download
Fetching latest commit…
Cannot retrieve the latest commit at this time.
Permalink
Type Name Latest commit message Commit time
Failed to load latest commit information.
docs
src
tools
.babelrc
.csscomb.json
.csslintrc
.editorconfig
.eslintrc
.flowconfig
.gitattributes
.gitignore
.jscsrc
.travis.yml
CHANGELOG.md
Dockerfile
LICENSE.txt
README.md
docker-compose.yml
package.json
preprocessor.js

README.md

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