เลือกหัวข้อจากแถบเมนูด้านซ้าย (กรณีหน้าจอเล็กเมนูจะหดกลายเป็นสัญลักษณ์สามขีดอยู่ในแถบเมนูด้านบน) หรือใส่คำค้นหาที่ช่องด้านล่างนี้ เพื่อค้นหาหัวข้อบทความหรือ Tutorial เกี่ยวกับเรื่อง react_router ที่ต้องการ
ทำ Web application สำหรับเป็นเว็บร้านค้าแบบมีหลาย ๆ หน้าแบบง่าย ๆ ด้วย react-router ซึ่งเป็น component ตัวหนึ่งของ React ที่เราสามารถประกาศ routing ในแอปได้เลย โดย react-router จะตรวจสอบ URL แล้วเอา component ที่กำหนดมาแสดงให้แบบอัตโนมัติ...
Read More →สร้างเว็บที่มีหลายหน้าด้วย react-router และเรียนรู้เรื่องลำดับการทำงานของ Component Lifecycle โดยการทดลองเรียก APIs เพื่อดึงข้อมูลอสังหาริมทรัพย์จากเว็บอื่นมาใช้ ซึ่งบ่อยครั้งที่การดึงข้อมูลจะใช้เวลาพอสมควร ดังนั้นเราจะเอาโค้ดส่วนดึงข้อมูลนี้ใส่ในฟังก์ชัน componentDidMount() ซึ่งเป็นฟังก์ชันที่จะถูกเรียกหลังจากฟังก์ชัน Render เอา Component ต่าง ๆ ไปไว้บน DOM แล้ว จากนั้นจะสั่งในฟังก์ชัน componentDidMount() ให้อัปเดตค่าใน state เพื่อให้แสดงผลในหน้าเว็บอีก...
Read More →การใช้งาน React Router เพื่อการนำทางในแอปพลิเคชันของเรานั้น หนึ่งในความสามารถที่ยอดเยี่ยมและมีประโยชน์คือการใช้ Hook ซึ่งเป็นฟีเจอร์ใหม่ที่เพิ่มเข้ามาใน React Router เพื่อการจัดการสถานะและอื่นๆ ได้อย่างชาญฉลาด ในบทความนี้เราจะพูดถึง Hook ใน React Router คืออะไร ใช้ทำอะไร และสำคัญอย่างไร และเราจะดูตัวอย่าง code ร่วมกัน...
Read More →หัวข้อ: การสร้าง Navigation Bar ด้วย React สำหรับแอปพลิเคชั่นเว็บอย่างง่าย...
Read More →เมื่อพูดถึงการพัฒนาเว็บแอปพลิเคชันด้วย React, ห้องสมุด (libraries) ที่มีประโยชน์หลายอย่างจะช่วยให้การเขียนโค้ดเป็นเรื่องง่ายและฉลาดมากขึ้น ไม่ว่าคุณจะเป็นนักพัฒนาที่มีประสบการณ์หรือผู้เริ่มต้น, การใช้งาน libraries เหล่านี้อาจช่วยลดเวลาพัฒนาและปรับปรุงประสิทธิภาพของโค้ดได้มาก ในบทความนี้ เราจะมาดู 5 React libraries ที่ได้รับความนิยมและสามารถทำให้การจัดการโปรเจกต์ของคุณเป็นเรื่องสนุกและง่ายดายมากยิ่งขึ้น...
Read More →