shyaaam/react-redux-starter-kit

Yet another React and Redux based web application starter kit.

react-redux-starter-kit

Yet another React and Redux based web application starter kit. Demo

Overview

This is yet another React and Redux based web application starter kit. However, this one attempts to go beyond the typical simple boilerplates, by showcasing several great technologies (such as React, Redux, React-Router, Fixed-Data-Table, Bootstrap, Babel, Webpack and JWT) used together to develop a more complex web application, with features such as authentication, navigation, asynchronous data fetching, error handling, caching and pagination, etc.

It also integrates Redux DevTools to support hot reloading and action replay.

Install and Run the Dev Server (Linux/OSX)

npm install
npm run dev

Then open http://localhost:3000

Build and Run the Production Server (Linux/OSX)

npm run build
npm start

Then open http://localhost (Note the production port is set to 80 in package.json)

Install and Run the Dev Server (Windows)

npm install
npm run dev-win

Then open http://localhost:3000

Build and Run the Production Server (Windows)

npm run build-win
npm run start-win

Then open http://localhost (Note the production port is set to 80 in package.json)

Demo

A demo of this web application is running on a free Amazon EC2 Micro Instance, with very limited resources.

Feature highlights

• Best React practice by separating "smart" and "dumb" components
• Async Data fetching with caching and pagination
• Data fetching error handling
• Authentication and Page Restrictions (based on JWT)
• Redirection upon logging in

Dependencies

• React
• Redux
• React Router
• JSON Web Tokens (JWT)
• Fixed-Data-Table
• style-loader
• Bootstrap
• Express
• Babel
• Webpack

Credits

As a long-time backend developer (who writes obscure number-crunching "optimzation" and "analytics" algorithms in Java), I would never have thought of developing (let alone posting) a web application using javascript on Github, were it not for the fateful summer 2015 when I stumbled upon a 30 minutes video by Dan Abramov, and his inspiring work on Redux.

Thank you!