Skip to content

chengfeiblog/reactDemo

Repository files navigation

React and Redux based web application starter kit. [Demo]

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!