potchangelo / react-just-react

ตัวอย่างโปรเจ็ค React จากคลิปสอน React ตั้งแต่ Ep.2-20 ของ Zinglecode

React Just React examples code

ตัวอย่างโปรเจ็ค React จากคลิปสอน Ep.2-20 ของ Zinglecode

YouTube video with playlist

https://www.youtube.com/watch?v=dxm-Mtd-LPs&list=PL_xSQKvnccpn-C2fZNJtCykO24yqFWkDn&index=2

About React Router

เนื่องจาก React Router ที่ใช้ใน Github Repo อันนี้เป็น v5 (ตัวเก่า) ดังนั้นถ้าใครอยากดูตัวอย่างโค้ดของ React Router v6 (ตัวปัจจุบัน) กรุณาเปิดดูได้จากลิ้งค์นี้

https://github.com/potchangelo/react-just-react-router-v6

Install and Run project on VSCode

0. ติดตั้ง Node.js ลงเครื่องให้เรียบร้อยก่อน (ใช้ Version 14, 16, หรือ 18 ก็ได้)

1. ดาวน์โหลดโปรเจ็คนี้ลงเครื่อง (เลือกจาก Github branch ที่ต้องการได้)

2. เปิดโฟลเดอร์โปรเจ็คใน VSCode

3. เปิด VSCode Terminal

4. ติดตั้ง Packages ของโปรเจ็ค (สามารถแก้ไขเลขเวอร์ชั่นของ Packages, Libraries ต่างๆ ให้เป็นเวอร์ชั่นล่าสุด ก่อนทำการติดตั้งได้ ที่ในไฟล์ package.json)

npm install

5. Run เว็บโปรเจ็ค

npm start

Github branches for each episodes

1. Start
2. State x Object
3. State x Array (Add)
4. State x Array (Delete)
5. State x Array (Edit)
6. useEffect
7. useEffect return
8. useContext
9. useContext x useState
10. useContext x useReducer
11. useRef
12. forwardRef
13. Layout Components
14. CSS Modules
15. styled-components
16. React Router basic routes
17. React Router nested routes
18. React Router dynamic routes
19. React Testing Library