Overview:

The Universal Redux Template is a boilerplate for building universal/isomorphic rendering apps using Redux, React-router, and Express. It aims to provide a ready-to-use development environment with essential tools and a simple logic that just works. This boilerplate is designed to be a basis for building powerful apps rather than a showcase.

Features:

• Universal rendering with async data support
• Server-side redirect
• Separate vendor and app JS files
• Use of Immutable.js for store data
• Hot reload on client-side by Webpack
• Hot reload on server-side (ref)

Installation:

To use this template, follow the steps below:

1. Clone the app and give it a name:

$ git clone https://github.com/mz026/universal-redux-template.git my-killer-app

2. Remove the .git folder as you won’t need the history of this boilerplate:

$ cd my-killer-app; rm -rf .git

3. Start a new git history:

$ git init

4. Install dependencies:

$ yarn install

5. Host the development environment and start building your app:

$ yarn start

6. To run tests using Mocha, Enzyme, Sinon, and Chai:

$ yarn test:ci

7. To generate a container/component/action and its tests:

$ ./bin/generate <type> <path>

Example:

$ ./bin/generate component myNamespace/MyComponent

Summary:

The Universal Redux Template is a boilerplate that provides a simple and efficient development environment for building universal rendering apps using Redux, React-router, and Express. It offers features such as universal rendering, server-side redirect, separate vendor and app JS files, use of Immutable.js, and hot reload capabilities. By following the installation guide, developers can quickly set up their development environment and start building their app with ease.