💎 Isomorphic React App boilerplate | redux-saga

Status

Isomorphic React App is a boilerplate Server-Side Rendering application with All Best Practices.

🔥 Isomorphic React App Boilerplate

🗂 Atomic Design Methodology

🧬 Atoms, molecules, organisms, templates, and pages

🎉 Server-Side Rendering

📁 Redux Saga

Tech

Isomorphic React App uses a number of open source projects to work properly:

• React - A JavaScript library for building user interfaces
• Redux - Predictable state container for JavaScript apps
• redux-saga - An alternative side effect model for Redux apps
• Jest - Delightful JavaScript Testing
• Lodash - A modern JavaScript utility library delivering modularity, performance, & extras
• Webpack - Bundle assets scripts
• ESLint - A fully pluggable tool for identifying and reporting on patterns in JavaScript
• Babel - The compiler for writing next generation JavaScript

And of course Isomorphic React App boilerplate itself is open source with a public repository on GitHub.

Installation

This app requires Node.js v8+ to run.

Install the dependencies.

$ move in app
$ npm install

Start the server

Start the local server on with livereload by webpack: port:3000

$ npm start-dev

Test

Runs the test

$ npm test

Runs the test watcher in an interactive mode.

$ jest --watch or npm test --watch

Test coverage

Measuring code coverage of program.

$ npm test-coverage

For production

Runs in prod

$ npm start-prod

Builds JavaScript for production to the dist folder. It correctly bundles React in production mode and optimizes the build for the best performance.

$ npm build

License

MIT

Free Software, Hell Yeah!