React Redux Modular

Work in progress

Honestly, we always research and build a scaleable large web application project. A good point to start is modular structure. This project is an opinionated architecture for structuring large React/Redux applications.

Features support in this project

• React, Redux
• Modular structure
• React-router 4
• Localization with React-intl
• Webpack, babel
• Multiple app themes
• Unit testing with Jest (IN PROGRESS)

Getting Started

Prerequisites

• Let's learn React and Redux with Javascript's new ES6 syntax, from Beginner to Intermediate to Advanced.
• A introduction about Redux
• Real World Redux
• The power of higher-order reducers
• Reactive Architecture with Redux and Angular
• Redux Internals
• A tour on the React ecosystem

Installing

• Development

• Start Webpack dev server

npm start

• Format code styles

npm run lint (lint js)
npm run sass-lint (lint scss)

or one cmd for both
npm run analyze

• Production build

npm run build

Then, built packages is located at [workspace]/dist.

• Customize web app theme

• Default theme

npm start

• Theme test

npm start:dev

You can modify the theme file in src/theme/{theme_name}/theme.scss Modify the npm script in packages.json

Contributing

Fork it! Create your feature branch: git checkout -b my-new-feature Commit your changes: git commit -am 'Add some feature' Push to the branch: git push origin my-new-feature Submit a pull request

Authors

• Secret Boy - Initial work - SecretBoy