Course about ReactJS Through Features
  • Framework: ReactJs
  • Status: OnGoing
  • Github:
# Title Description Link
1 Intro Tìm hiểu qua tổng quan lịch sử ReactJS
<iframe width="400" height="100" src="https://www.youtube.com/embed/vXDep3VFNw8?si=wxUW7xFiuhfIz-it" title="YouTube video player" frameborder="0" allow="accelerometer; autoplay; clipboard-write; encrypted-media; gyroscope; picture-in-picture; web-share" allowfullscreen></iframe>
2 Component Hiểu khái niệm chính về Component trong ReactJS
<iframe width="400" height="100" src="https://www.youtube.com/embed/6O9Hxzd__co?si=cAlqpVk_dhYl9sBt" title="YouTube video player" frameborder="0" allow="accelerometer; autoplay; clipboard-write; encrypted-media; gyroscope; picture-in-picture; web-share" allowfullscreen></iframe>
3 JSX Hiểu khái JSX, đặc tính nổi bật trong ReactJS
<iframe width="400" height="100" src="https://www.youtube.com/embed/gF8FhDYXxkc?si=DunASovwS5kVYpH1" title="YouTube video player" frameborder="0" allow="accelerometer; autoplay; clipboard-write; encrypted-media; gyroscope; picture-in-picture; web-share" allowfullscreen></iframe>
4 Props (Pass Data from Parent To Child Component) Tìm hiểu cách truyền dữ liệu từ component Cha xuống component Con
<iframe width="400" height="100" src="https://www.youtube.com/embed/kdex_l7o-YA?si=9Zm0_iqdMB470cV_" title="YouTube video player" frameborder="0" allow="accelerometer; autoplay; clipboard-write; encrypted-media; gyroscope; picture-in-picture; web-share" allowfullscreen></iframe>
5 Pass data to Parent Component Cách truyền dữ liệu từ component Con đến component Cha
<iframe width="400" height="100" src="https://www.youtube.com/embed/PgEPQG-4BeE?si=wb3-Flz2nIJH1I9G" title="YouTube video player" frameborder="0" allow="accelerometer; autoplay; clipboard-write; encrypted-media; gyroscope; picture-in-picture; web-share" allowfullscreen></iframe>
6 useState Hook Hiểu cơ chế làm việc useState Hook
<iframe width="400" height="100" src="https://www.youtube.com/embed/gGVRTyvWXiE?si=eZ4WKq3qbP8ZR6UJ" title="YouTube video player" frameborder="0" allow="accelerometer; autoplay; clipboard-write; encrypted-media; gyroscope; picture-in-picture; web-share" allowfullscreen></iframe>
7 useState Hook - Reference Type Tìm hiểu cách làm việc useState với kiểu dữ liệu Reference Type
<iframe width="400" height="100" src="https://www.youtube.com/embed/fWNCIyztD-Y?si=RiOAmBvlJMiL5PoW" title="YouTube video player" frameborder="0" allow="accelerometer; autoplay; clipboard-write; encrypted-media; gyroscope; picture-in-picture; web-share" allowfullscreen></iframe>
8 useEffect Hook Hiểu cơ chế làm việc của hook useEffect
<iframe width="400" height="100" src="https://www.youtube.com/embed/SfiAiFguofM?si=qEXibfwNHK8TaJb8" title="YouTube video player" frameborder="0" allow="accelerometer; autoplay; clipboard-write; encrypted-media; gyroscope; picture-in-picture; web-share" allowfullscreen></iframe>
9 React DevTool Cài đặt công cụ hỗ trợ viết code ReacJS và hiểu về Fragment
<iframe width="400" height="100" src="https://www.youtube.com/embed/vzdu7T0RHN0?si=jwpext1cRrm6EpIV" title="YouTube video player" frameborder="0" allow="accelerometer; autoplay; clipboard-write; encrypted-media; gyroscope; picture-in-picture; web-share" allowfullscreen></iframe>
10 Typescript Viết ReactJS với Typescript
<iframe width="400" height="100" src="https://www.youtube.com/embed/tnZSJnhNZBY?si=mLUzglGwSGYqmRVo" title="YouTube video player" frameborder="0" allow="accelerometer; autoplay; clipboard-write; encrypted-media; gyroscope; picture-in-picture; web-share" allowfullscreen></iframe>
11 Axios Tìm hiểu về Axios để xử lý Request Http trong ReactJS
<iframe width="400" height="100" src="https://www.youtube.com/embed/IF_KynxPhBk?si=LAr9VKln0jqLwfJk" title="YouTube video player" frameborder="0" allow="accelerometer; autoplay; clipboard-write; encrypted-media; gyroscope; picture-in-picture; web-share" allowfullscreen></iframe>
12 Form Tìm hiểu cách tương tác Form trong ReactJS
<iframe width="400" height="100" src="https://www.youtube.com/embed/r5Bz_CbYmgg?si=21zN5f-nwrRY8Iv2" title="YouTube video player" frameborder="0" allow="accelerometer; autoplay; clipboard-write; encrypted-media; gyroscope; picture-in-picture; web-share" allowfullscreen></iframe>
13 Form Hook Sử dụng Form Hook để validate dữ liệu trên form
<iframe width="400" height="100" src="https://www.youtube.com/embed/Nj5INdR2uKs?si=g2qhdQ0JpK2MSdan" title="YouTube video player" frameborder="0" allow="accelerometer; autoplay; clipboard-write; encrypted-media; gyroscope; picture-in-picture; web-share" allowfullscreen></iframe>
14 Router Áp dụng Routing vào trong ứng dụng ReactJS
<iframe width="400" height="100" src="https://www.youtube.com/embed/R6B7N1dqgFY?si=5xXNazyh6uFPcw3n" title="YouTube video player" frameborder="0" allow="accelerometer; autoplay; clipboard-write; encrypted-media; gyroscope; picture-in-picture; web-share" allowfullscreen></iframe>
15 Sub Router Hiện thức sub-routing cho ReactJS
<iframe width="400" height="100" src="https://www.youtube.com/embed/xc_w3dWLijA?si=jCVAd9QXv1UhNe0m" title="YouTube video player" frameborder="0" allow="accelerometer; autoplay; clipboard-write; encrypted-media; gyroscope; picture-in-picture; web-share" allowfullscreen></iframe>
16 useRef Hook Hiểu bản chất useRef Hook
<iframe width="400" height="100" src="https://www.youtube.com/embed/vBtYQhm9hQA?si=1OlUcFppSnulkNRM" title="YouTube video player" frameborder="0" allow="accelerometer; autoplay; clipboard-write; encrypted-media; gyroscope; picture-in-picture; web-share" allowfullscreen></iframe>
17 useReducer Hook Tìm hiểu useReducer Hook
<iframe width="400" height="100" src="https://www.youtube.com/embed/D1s-CJBOUUE?si=jzgaxL_M25AkYil7" title="YouTube video player" frameborder="0" allow="accelerometer; autoplay; clipboard-write; encrypted-media; gyroscope; picture-in-picture; web-share" allowfullscreen></iframe>
18 Redux Toolkit Áp dụng Redux Toolkit vào ứng dụng ReactJS
<iframe width="400" height="100" src="https://www.youtube.com/embed/qq--P-PLbMc?si=fNFgPl0l4LC2lvpQ" title="YouTube video player" frameborder="0" allow="accelerometer; autoplay; clipboard-write; encrypted-media; gyroscope; picture-in-picture; web-share" allowfullscreen></iframe>
Stroke hand