สอนเขียน React 16 ร่วมกับ ReduxThunk และ ReactRouter 4

• 1.1 Visual Studio Code & Node.js (02:31 นาที) Preview
• 1.2 Extension สำหรับ VSCode ที่น่าติดตั้ง (02:33 นาที)
• 1.3 คำสั่ง npm พื้นฐาน (06:19 นาที)

• 2.1 สร้างโปรเจค React ด้วย Create React App และการรันโปรเจค (03:52 นาที) Preview
• 2.2 โครงสร้างโปรเจค (01:06 นาที) Preview
• 2.3 React JSX & Component (05:50 นาที)
• 2.4 รู้จักและใช้งาน Props (03:33 นาที)
• 2.5 พื้นฐาน ES6 part 1/2 ArrowFunction (06:49 นาที)
• 2.6 พื้นฐาน ES6 part 2/2 Rest Parameter, Spread Operator และ Destructuring (07:43นาที)
• 2.7 รู้จักและใช้งาน State อย่างถูกวิธี (05:19 นาที)
• 2.8 เทคนิคการจัดการ State ที่อยู่ต่าง Component โดยใช้ props (09:23 นาที)
• 2.9 Component Lifecycle ต้องรู้ไม่งั้น...ไปต่อไม่ได้ (23:46 นาที)
• 2.10 สร้าง Component แบบ Stateless Functional Components (03:41 นาที)
• 2.11 props.children มันคือ props ที่มากกว่า props (02:58 นาที)
• 2.12 รู้จักและใช้งาน Context (10:33 นาที)
• 2.13 เข้าถึง DOM element ได้ด้วย ref (03:04 นาที)
• 2.14 load data จาก API ภายนอก และเทคนิคการจัดการ Error อย่างถูกต้อง (08:11 นาที)
• 2.15 การใช้งาน Form (09:14 นาที)

• 3.1 ภาพรวมของ WorkShop (01.49 นาที) Preview
• 3.2 เริ่มสร้าง Project (รวมการเคลียร์ไฟล์ต่างๆ) (01.46 นาที) Preview
• 3.3 ปูพื้นฐาน ReactRouter v.4 และการ Config เบื้องต้น (09.46 นาที)
• 3.4 ปัญหาของการไม่ใช้ Redux (02.16 นาที) Preview
• 3.5 ปูพื้นฐาน Redux และการ Config เบื้องต้น (07.22 นาที)
• 3.6 ทำให้ Component ใช้งาน Redux ได้ด้วย react-redux (09.27 นาที)
• 3.7 วิธีการแยก Reducer ไปไว้อีกไฟล์ (05.27 นาที)
• 3.8 สร้างหน้าจอแสดงรายชื่อ USER (08.46 นาที)
• 3.9 ปรับหน้าจอ USER ให้ใช้งาน Redux ในแบบที่ผิดๆ (08.30 นาที)
• 3.10 ใช้งาน ReduxThunk แก้ปัญหา Redux เพียวๆ (08.01 นาที)
• 3.11 เทคนิคการ Handle Error Fetch ใน ReduxThunk (11.41 นาที)
• 3.12 สร้างหน้าจอแสดงรายชื่อ Album ตาม UserID (21.12 นาที)
• 3.13 แก้ปัญหาแสดง Loading ไม่ถูกต้อง (06.46 นาที)
• 3.14 แก้ไขจุดผิดพลาดอื่นๆ (03.26 นาที)
• 3.15 สร้างหน้าจอแสดงภาพตาม AlbumID (14.41 นาที)
• 3.16 PageNotFound โดยใช้ Switch ใน ReactRouter v.4 (03.39 นาที)
• 3.17 สร้างหน้าจอ Signin (07.20 นาที)
• 3.18 เทคนิคสร้าง PrivateRoute สำหรับ Authentication (06.50 นาที)
• 3.19 ใช้งาน withRouter เพื่อทำระบบการ Signout (05.05 นาที)
• 3.20 ปรับการแสดงผลเมนู (02.19 นาที)
• 3.21 แนะนำ CSS Framework สำหรับ React (06.30 นาที)
• 3.22 ติดตั้ง ReactStrap และ Bootstrap v.4 (08.03 นาที)
• 3.23 ปรับ Header ไปใช้ Navbar ของ reactstrap (08.39 นาที)
• 3.24 ปรับหน้าจอ อื่นๆ ตาม Style ของ bootstrap (09.43 นาที)