Introduction to React

DOM

• How We Write JS In Web
• DOM

---

Basics React

• What is React
• Let's React
• JSX
• Components And Props
• Create React App
• State
• Component Design
• Styling And CSS
• Children Prop
• Asynchronous Operation
• React Router DOM
• Form Handling
• Component Refactoring
• Error Handling
• URL Parameters
• Class Component
• Component Lifecycles

---

React Hooks

• Hooks
• State Hook
• Effect Hook
• Reducer Hook
• Context Hook
• Custom Hooks

---

Redux

• Redux
• Redux Toolkit
• Asynchronous Redux With Thunk

---

Design System

• React UI Component
• Chakra Basics
• Building Design System With Chakra UI

---

Real World Form Management

• Basic Form
• Form Validation

---

JS Review

• Asynchronous JavaScript
• Callback JavaScript
• Promise
• Async / Await
• What is API
• Playing With API
• Fetch

---

React Exercises

Member management