smartlt / siamhtmlreact

React Redux Universal Starter Kit

Overview

A simple Universal Starter Kit using React, Redux and ECMAScript 2015. As you can see, there are so many starter kits and boilerplates about React out there. But sometimes we've just needed a tool to get thing done quickly and easy to understand! If you don't have much time to do some researches about React and its companies, this starter kit is a good start.

Concepts

• To provide examples of usage that we often used to build a universal web app.
• Focus on Universal Web App. (That's why we've used JSON-Server to mock a REST API)
• Keep it easy to understand.

Key Features

• Universal (aka Isomorphic)
• ECMAScript 2015
• Hot Reloading
• Debugging
• Code Splitting
• CSS Modules
• Fake REST API

Examples Included

• Authentication
• Data Dependencies
• Page Transition
• jQuery Usage (if it is needed)
• Performance Tools Usage
• Testing

Libraries used

• React
  • React Router
  • React Router Redux
  • React Helmet
  • React CSS Modules
• Redux
  • Redux Form
  • Redux Mock Store
  • Redux DevTools
• Testing
  • Mocha
  • Chai
  • Enzyme
• More Tools
  • Babel
  • ESLint
  • JSON Server
  • Updeep
  • Webpack

Installation

npm install

Running Dev Server

npm run dev

Running Production Server

npm run build
npm run start

Deployment on Heroku

heroku login
heroku create
git push heroku master
heroku open

Quickstart

coming soon...

Roadmap

• Add more prop validations
• Add more tests
• Flow
• Jest
• GraphQL / Relay

Contributing

Contributions, questions and comments are all welcome.

Please check your code using npm run lint before submitting your pull requests.