React Mobx React Router4 Boilerplate

Overview:

The React MobX React-Router 4 Boilerplate is a starter project that includes React, React-Router@next, MobX and Webpack 2. It provides a demo with instructions on how to install and start developing. The boilerplate includes features such as async component loading, hot reloadable MobX stores, and protected routes.

Features:

• Async component loading: Components are loaded asynchronously with react-router-loader and the store is injected via MobX Provider.
• Hot reloadable MobX stores: The boilerplate supports hot reloading of MobX stores, allowing for seamless development.
• Protected Routes: The boilerplate includes an example of protected routes, ensuring that certain routes are accessible only to authorized users.
• Data fetching example: The boilerplate includes a data fetching example, demonstrating how to fetch and render data in a React component.

Installation:

To install the React MobX React-Router 4 Boilerplate, follow these steps:

1. Run npm install to install the required dependencies.
2. Run npm start to start the development server. Access the project at localhost:3000.
3. To build the project, run npm run build.
4. To preview the minified production bundle, run npm run preview. Access the project at localhost:1234.

If you have downloaded this boilerplate before, make sure to run npm install again to ensure you have the latest dependencies.

Summary:

The React MobX React-Router 4 Boilerplate is a powerful starter project for React development. It includes key features such as async component loading, hot reloadable MobX stores, and protected routes. With easy installation and a comprehensive demo, this boilerplate provides a solid foundation for building React applications.