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, and Webpack) used together to develop a more complex web application, with features such as navigation, asynchronous data fetching, error handling, caching and pagination, etc.

Install and Run the Dev Server

npm install
npm start

Then open http://localhost:3000

Build and Run the Production Server

npm run build
NODE_ENV=production PORT=80 npm start

Then open http://localhost

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
• Page Restrictions

Dependencies

• React
• Redux
• React Router
• Fixed-Data-Table
• style-loader
• Bootstrap
• Express
• Babel
• Webpack

Credits

As a long-time backend developer (who enjoys writing obscure number-crunching "optimzation" 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!