Basic React.js

Module 1: รู้จัก React.js

• React.js คืออะไร
• ติดตั้งเครื่องมือบน Google Chrome สำหรับใช้พัฒนา React
• สำรวจเว็บไซต์ที่พัฒนาด้วย React
• การ Render ด้วย React อย่างมีประสิทธิภาพ
• อัพเดท React เป็นรุ่นล่าสุด

Module 2: แนะนำ JSX และ Babel

• Pure React
• Refactoring elements using JSX
• Babel inline transpiling
• Babel static transpiling with babel-cli
• Building with webpack
• Loading JSON with webpack
• Adding CSS to webpack build
• Migrating to webpack 3

Module 3: แนะนำ React Component

• Planning an ActivityCounter
• Creating components with createClass()
• Adding component properties
• Adding component methods
• Creating components with ES6 class syntax
• Creating stateless functional components
• Adding react-icons

Module 4: การทำงานกับ Props และ State

• Composing components
• Displaying child components
• Default props
• Validating with React.PropTypes
• Custom validation
• Working with state
• Passing state as props
• State with ES6 classes

Module 5: การใช้งาน React Router

• Incorporating the router
• Setting up routes
• Navigating with the link component
• Using route parameters
• Nesting routes

Module 6: การทำงานกับแบบฟอร์มและ Refs

• Creating a form component
• Using refs in class components
• Two-way function binding
• Adding an autocomplete component

Module 7: Lifecycle ของ Component

• Building the Member component
• Building the MemberList component
• Understanding the mounting lifecycle
• Understanding the updating lifecycle

Module 8: Live Workshop สร้างแอพด้วย React

• Introduction create react app
• Generating a React project
• Workshop CRUD