คลิปนี้เป็นบทเรียน React 17 สำหรับผู้เริ่มต้นที่ผู้สอนระบุว่าปรับปรุงในปี 2021 ช่วง transcript ที่มีพูดถึงที่มาของชุดบทเรียนและปูแนวคิด React ก่อนลงรายละเอียด Component, JSX, Props, State และ JavaScript ES6 บทความนี้จึงทำหน้าที่เป็นแผนที่บทเรียนรุ่น React 17 ไม่ใช่คู่มือติดตั้ง React รุ่นปัจจุบัน
แนวคิดหลักที่บทเรียนปูพื้น
- Component: แบ่งส่วนติดต่อผู้ใช้เป็นชิ้นที่จัดการและนำกลับมาใช้ได้
- JSX: รูปแบบเขียน markup ภายใน JavaScript ซึ่งหน้าตาคล้าย HTML แต่มีข้อกำหนดของตัวเอง
- Props และ State: แนวคิดที่บทเรียนใช้ทำความเข้าใจข้อมูลที่ส่งเข้า component และข้อมูลที่เปลี่ยนภายใน UI
- ES6: ทบทวน
let,const, arrow function, object และ template string ก่อนต่อยอด React
ส่วนนี้เป็นสรุปแนวคิดจากหัวข้อในคลิป ไม่ใช่คำอธิบายครบทุกกรณีของ API และไม่ควรคัดลอกวิธีตั้งค่า React 17 ไปใช้กับโปรเจกต์ใหม่โดยไม่ตรวจเอกสารก่อน
เลือกเอกสารให้ตรงรุ่น
ถ้าต้องการเรียนตามวิดีโอ ให้เปิด เอกสาร React 17 ซึ่งระบุชัดว่าเป็นเอกสารของรุ่น 17 และเป็นภาพ snapshot ของรุ่นนั้น ส่วนงานใหม่ให้เริ่มจาก คู่มือ React ปัจจุบัน เอกสารของ React อธิบาย Component, JSX, Props และ State ในบริบทเวอร์ชันปัจจุบัน
พื้นฐานที่ควรมีและบทเรียนที่เกี่ยวข้อง
ผู้เรียนจะตามได้ง่ายขึ้นหากคุ้นกับตัวแปร ฟังก์ชัน object และ HTML/CSS มาก่อน อ่านต่อเรื่อง JavaScript เบื้องต้น และ CSS selector กับ stylesheet
transcript จาก workbook มี 45,000 ตัวอักษรถึงขีดจำกัดส่งออก จึงอาจตัดบทเรียนช่วงท้ายออก ข้อความนี้ไม่ได้ผ่านการตรวจเสียงจากวิดีโอ