React Sample - A starter boilerplate for React based web app project, powered by create-react-app.

Besides Create React App. This sample project also uses:

Data Flow Management - Redux;
Redux Ducks Pattern - Ducks;
Declarative routing - React Router;
React Components that Implement Google's Material Design. - Material UI;
Mock Server based on Express - Mock Server;

Overview

• Getting Started
• Technology stack
• Separation of front-end and back-end
• Code Standard

Getting Started

• Quick start

See How to run react-sample at local for more detail.

• IDE Guidance for increasing development experience

See How to setup JavaScript Development Environment - VS Code for more detail.

• Project folder introduction

react-sample/
├── .editorconfig         - editor config file
├── .env                  - for absolute import
├── .eslintrc.js          - eslint settings
├── package.json          - npm 3rd-lib configuration
├── README.md
├── node_modules          - npm 3rd libraries
├── public                - assets that won't be processed by webpack
│   └── oauth_callback    - oauth callback
│   └── index.html
│   └── favicon.ico
├── server                - mock server
└── src                   - source codes
    └── index.css            - entry file css
    └── index.js             - entry file
    └── redux/               - redux by ducks pattern
    └── components/          - Dumb components
    └── containers/          - Smart components that connected to redux

Technology stack

Separation of front-end and back-end

See why and how at Separation of front-end and back-end.

Code Standard

Follow Airbnb JavaScript Style Guide.