This course was created with the
course builder. Create your online course today.
Start now
Create your course
with
Autoplay
Autocomplete
Previous Lesson
Complete and Continue
React + Redux - Novice to Ninja
แนะนำคอร์สเรียน React & Redux Build 8 Projects
วิดีโอแนะนำคอร์สเรียน (9:20)
React Getting Started
บทนำ React (12:39)
ติดตั้ง NodeJS (1:22)
แก้ไขปัญหาก่อนติดตั้งโปรเจค React (For OSX) (3:04)
ติดตั้งคำสั่ง create-react-app แบบ global ก่อนใช้คำสั่ง npx (0:48)
ติดตั้งโปรเจค React ด้วยคำสั่ง npx create-react-app (3:39)
โครงสร้างของ React โฟลเดอร์ (5:22)
JavaScript ES6 ที่จำเป็นในการเขียน React (23:27)
เริ่มต้นเรียนรู้ React (3:35)
ทำความคุ้นเคยกับ JSX (4:28)
การสร้าง Components แบบ Function และ Class (3:38)
เรื่องของ Components Constructor (2:56)
เรื่องของ Components in Components (1:48)
รู้จักกับ Props (6:31)
รู้จักกับ State (5:32)
รู้จักกับ LifeCycle (22:40)
รู้จักกับ Events (7:13)
React Forms (23:16)
การใช้งาน CSS (6:45)
การใช้งาน Sass (4:01)
รู้จักกับ Destructuring assignment (14:16)
รู้จักกับ Spread Operator & Rest Parameters (12:47)
รู้จักกับ Refs (11:47)
รู้จักกับ props.children (18:13)
Build React Mini Projects
Build Sales App (25:13)
Build To-Do App (39:44)
Build Meme Generator (35:24)
React Hooks
useState & useEffect (16:39)
One 3D Card Project w/ useSpring (20:14)
Advanced Three 3D Cards Project w/ useSpring (29:49)
React Router
ติดตั้งและใช้งาน React Router (8:49)
การใช้งาน exact props (1:10)
การใช้งาน Switch (1:19)
สร้าง Navigation (5:08)
การใช้งาน Link (1:02)
การใช้งาน NavLink (1:41)
จัดการโครงสร้างของหน้าแต่ละหน้า (3:59)
จัดการส่วนของ Routes (4:39)
Build React Project
React MovieDB APi Project w/ MaterialUI & Axios (31:32)
React Pokedex APi Project w/ Hooks & Routes (28:37)
Redux Getting Started
บทนำ Redux (10:51)
ทำความรู้จักกับ Libraries ต่างๆ (1:14)
Redux Basic (14:12)
React wih Redux (11:07)
Todo App w/ React & Redux - Intro (1:51)
รู้จักกับ Presentational components & Container components (2:21)
Todo App Structure (5:54)
Build Todo App w/ React+Redux (43:26)
อธิบายการทำงาน Todo App (15:52)
การใช้งาน Redux Thunk สร้าง request ใน Redux Application (17:30)
Build Giphys w/ React + Redux
Build Giphy API Project (37:03)
Deploy App to Heroku (4:12)
ติดตั้งคำสั่ง create-react-app แบบ global ก่อนใช้คำสั่ง npx
Download
Complete and Continue
Discussion
0
comments
Load more
0 comments