React: เรียนรู้ไลบรารีสุดนิยมสำหรับสร้าง UI

React เป็นไลบรารี JavaScript สำหรับเบราว์เซอร์ที่มุ่งเน้นไปที่การลดความซับซ้อนในการพัฒนาส่วนติดต่อผู้ใช้ (UI)

เรียกว่าไลบรารีฟรอนต์เอนด์ เนื่องจาก React เกี่ยวข้องกับฟรอนต์เอนด์เท่านั้น ซึ่งหมายถึงสิ่งที่ทำงานภายในเบราว์เซอร์

ไม่เกี่ยวข้องกับด้านเซิร์ฟเวอร์หรือวิธีการเข้าถึงข้อมูลจากฐานข้อมูล ซึ่งเป็นสิ่งที่ต้องใช้ไลบรารีอื่นร่วมกับ React หรือเรียกว่าเมตาเฟรมเวิร์ก เช่น Remix และ Next.js

React โดยเนื้อแท้เป็นการแยกส่วนของ DOM API ที่เราได้เห็นในหน่วย DOM

พัฒนาโดย Facebook และเปิดตัวในปี 2013 ไดร์ฟแอพที่ใช้กันอย่างแพร่หลายที่สุดซึ่งขับเคลื่อน Facebook และ Instagram รวมถึงแอพพลิเคชันอื่นๆ อีกมากมาย

เป้าหมายหลักคือการทำให้การคิดเกี่ยวกับอินเทอร์เฟซและสถานะของมันในทุกช่วงเวลาง่ายขึ้น โดยแบ่ง UI ออกเป็นคอลเลกชันของคอมโพเนนต์

คุณจะพบปัญหาเบื้องต้นในการเรียนรู้ React แต่เมื่อมันเข้าใจมันแล้ว รับประกันได้เลยว่าจะเป็นหนึ่งในประสบการณ์ที่ดีที่สุดที่คุณจะมีเลย เพราะ React ทำให้สิ่งต่างๆ ง่ายขึ้นมากมายกว่าที่เคย และระบบนิเวศน์ของมันเต็มไปด้วยไลบรารีและเครื่องมือที่ยอดเยี่ยม

การใช้งาน React พื้นฐานต้องการให้คุณรู้จักชุดคุณสมบัติขนาดเล็ก และโดยทั่วไปคุณจำเป็นต้องเข้าใจแนวคิด 4 ประการเพื่อเริ่มต้น:

1. Components (คอมโพเนนต์)

2. JSX (JSX)

3. State (สถานะ)

4. Props (พร็อพส์)

เราจะสำรวจทั้งหมดนี้ในหน่วยนี้

แน่นอนว่ายังมีอีกมากมายสำหรับการใช้งานขั้นสูง แต่เราสามารถเริ่มต้นด้วยสิ่งเหล่านี้ได้