บทช่วย สอนตอบโต้

หน้าแรก แนะนำตัว ตอบสนอง เริ่มต้น ตอบสนอง ES6 React Render HTML ตอบโต้ JSX ส่วนประกอบปฏิกิริยา คลาสตอบโต้ ตอบสนองอุปกรณ์ประกอบฉาก ปฏิกิริยาเหตุการณ์ เงื่อนไขการตอบสนอง รายการตอบโต้ แบบฟอร์มตอบโต้ ตอบสนองเราเตอร์ บันทึกโต้ตอบ ตอบสนอง CSS จัดแต่งทรงผม ตอบสนอง Sass จัดแต่งทรงผม

ตะขอตอบสนอง

ตะขอคืออะไร? ใช้สถานะ ใช้เอฟเฟกต์ ใช้บริบท ใช้Ref ใช้ลด ใช้โทรกลับ ใช้บันทึก ตะขอแบบกำหนดเอง

แบบฝึกหัดตอบโต้

ตอบคำถาม แบบฝึกหัดตอบโต้ ใบรับรองปฏิกิริยา

โต้ตอบบทนำ


React คืออะไร?

React ซึ่งบางครั้งเรียกว่าเฟรมเวิร์ก JavaScript ส่วนหน้า เป็นไลบรารี JavaScript ที่สร้างโดย Facebook

React เป็นเครื่องมือสำหรับสร้างส่วนประกอบ UI


ปฏิกิริยาทำงานอย่างไร?

React สร้าง VIRTUAL DOM ในหน่วยความจำ

แทนที่จะจัดการ DOM ของเบราว์เซอร์โดยตรง React จะสร้าง DOM เสมือนในหน่วยความจำ ซึ่งจะจัดการที่จำเป็นทั้งหมดก่อนที่จะทำการเปลี่ยนแปลงใน DOM ของเบราว์เซอร์

React เปลี่ยนเฉพาะสิ่งที่ต้องเปลี่ยน!

React ค้นหาว่ามีการเปลี่ยนแปลงอะไรบ้าง และเปลี่ยนแปลงเฉพาะ สิ่งที่จำเป็นต้องเปลี่ยน

คุณจะได้เรียนรู้แง่มุมต่างๆ ของการที่ React ทำสิ่งนี้ในส่วนที่เหลือของบทช่วยสอนนี้


React.JS ประวัติ

React.JS เวอร์ชันปัจจุบันคือ V17.0.2 (สิงหาคม 2021)

การเปิดตัวครั้งแรกสู่สาธารณะ (V0.3.0) คือในเดือนกรกฎาคม 2013

React.JS ถูกใช้ครั้งแรกในปี 2011 สำหรับฟีเจอร์ Newsfeed ของ Facebook

วิศวกรซอฟต์แวร์ของ Facebook, Jordan Walke เป็นคนสร้างมันขึ้นมา

เวอร์ชันปัจจุบันcreate-react-appคือ v4.0.3 (สิงหาคม 2021)

create-react-appรวมถึงเครื่องมือที่สร้างขึ้นเช่น webpack, Babel และ ESLint