liyinglihuannan / react-demo

study how to use React to build a SPA

React Demo Application

This is a React demo application, using the following packages to build up.

• react v16.2.0
• react-redux v5.0.6
• react-router v4.1.2
• redux-saga v0.15.6
• redux-form v7.1.2
• styled-components v2.2.1
• react-intl-universal v1.4.3
• bootstrap v4.0.0-beta
• axios v0.16.2

What you can see in this demo.

• Stateless / stateful parent-child component reaction
• One way data flow with react-redux
• Handle async stuff by using redux-saga
• Authorized routes with redux-route
• Internationalize app with react-intl-universal
• Form's initial values, fields, and validation with redux-form
• Style your components with styled-components

Mock API

Please use mock API to provide data for this demo website, check the following repository.

https://github.com/wasichris/mock-server

Get Started

package

# install dependencies
npm install

# serve with hot reload at localhost:8080
npm start

# build for production with minification
npm run build-production

Screenshots

Login & logout flow

Check token and page permission with server while changing route

Form fields & validation

Switch language

Error Boundaries