ReactJs. Best Practices for Personal Webapps (Redux Implementations)

Code examples for our video tutorials

Initial project boilerplate https://github.com/caljrimmer/isomorphic-redux-app

Features

• Async server-side rendering
• Hot reloading middleware
• Redux DevTools and Logging (via Chrome extension and devtools.js configuration)
• Redux Routing
• Reddit API example
• Counter example
• Todo example
• Static content example
• CRUD of Blog articles

Stack

• React.js
• React-router
• Webpack
• Express
• Redux
• Redux-DevTools
• Babel

Development Installation

In the project's directory, run the following commands:

$ npm install
$ npm start

Then Visit

http://localhost:3002

Releasing to Production

Production has Devtools, logging and hot reloading middleware removed and the scripts/css compressed.

In the project's directory, run the following commands:

$ npm run build
$ npm run start-prod

Then Visit

http://localhost:3002

Run Test

npm test

Other Boilerplate code

Portfolio Redux App

Credit

App template was based on Lanyon Theme by mdo