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
Please use mock API to provide data for this demo website, check the following repository.
https://github.com/wasichris/mock-server
package
# install dependencies
npm install
# serve with hot reload at localhost:8080
npm start
# build for production with minification
npm run build-production
Login & logout flow
Check token and page permission with server while changing route
Form fields & validation
Switch language
Error Boundaries