ES6AndReactJS_en.md

ES6 & ReactJS learning guide

1. Goal

This section will show you how to develop a web application using ES6 & ReactJS At the end of this section, students will be able to:

• Master and practice the basic features of ES6
• Master and practice the basic knowledge of reactJS such as Component, State, Props, Event...
• Mastering and practicing Redux knowledge
• Works with web API

2. Study time

5 days (Calculated by working days, in case of part-time work up to 7 consecutive days from the start date)

3. Document link

ES6

• https://github.com/lukehoban/es6features

ReactJS

• ReactJS: https://reactjs.org/docs/getting-started.html
• Redux: https://redux.js.org/introduction/getting-started
• Slide: https://drive.google.com/drive/folders/1ZjW7muHuuNRe43abgl30v7qDMVtvkQTv?usp=sharing

4. Practical exercise:

Make a simple e-commerce website https://community.algolia.com/instantsearch.js/v1/examples/e-commerce/

1. Using pure reactJS
2. Using redux

• General requirements: Use json-server to create web API Product list is taken from API data

Note

Use class naming rules:

• http://getbem.com/introduction/
• https://goo.gl/BM7D8V