การกำหนดเส้นทางใน React ด้วยไลบรารี Router

ในส่วนนี้ เราจะทำความรู้จักกับหัวข้อที่ น่าสนใจและสำคัญมากในการสร้าง เว็บแอปพลิเคชัน - การกำหนดเส้นทาง (Routing) เนื่องจากการกำหนดเส้นทางนี้เอง ผู้ใช้จึงสามารถ เดินทางไปมาระหว่างหน้าเว็บจำนวนมาก ได้ ขึ้นอยู่กับกิจกรรมหรือคำขอที่ส่งไป

จากบทเรียนนี้ เราจะได้เรียนรู้วิธีการใช้ ไลบรารีภายนอก React Router เพื่อสร้างแอปพลิเคชัน React ที่มีการกำหนดเส้นทาง

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

React Router ใช้สถาปัตยกรรมที่ อิงตามแนวคิดคอมโพเนนต์ ดังนั้น ไลบรารีนี้จึงช่วยให้ สามารถนำทางระหว่าง คอมโพเนนต์ React จำนวนมากในแอปพลิเคชันของคุณ, เปลี่ยน URL ในเบราว์เซอร์ และรักษาการซิงโครไนซ์ของ สถานะแอปพลิเคชันกับ URL