Scope
- React App Structure
- Router, Modules > Pages > Containers > PureComponents, SharedComponents
- Forms: Form Layout, Form Validation, Form 1-way binding, Form with Material UI and FormMilk + Yup
- Layout Seperate: landing page, two columns layout, full page layout
- Redux : Basic, Advanced - Follow Redux blueprint
- I18n : i18n next with HOC
- Themes: Using context to switch themes
- API with fetch, axios, rxjs
- Handle side effects with redux-thunk
- Handle chain promises with redux-saga
- WebSocket with socket.io
- Auth Module: secured private place with router and session, auth module common forms: login, reset password, register, update profile, change password
- Mock Data with JSON-Server
- Firebase Interaction : Chat Application
- Service worker: Handle In App Notification with socket.io
- Service worker : Play with Firebase FCM
- Common UI libs: toastr, Swal, AutoComplete SelectBox, Material UI, Calendar
- Docker
- Deploy on Surge/GithubPages/Firebase/Heroku/AWS-S3/VPS-Cloud ( VN )
- Unit Test with Jest
Ref
- https://formik.org/docs/examples/with-material-ui
- https://redux.js.org/
- https://reactjs.org/docs/context.html
Cloud services
- VN : https://www.viettelidc.com.vn/
- US/Europe/Singapore : Vultr
- Huge Cloud: EC2/GCP