เว็บแอปพลิเคชันเชิงโต้ตอบที่สร้างด้วย React JS
ด้วยแอป Name Tag Generator ที่เรียบง่ายนี้ ผู้ใช้สามารถ:
แอปจะบันทึกข้อมูลระหว่างเซสชันไปยังที่จัดเก็บในตัวเครื่องของเบราว์เซอร์ วิธีนี้จะป้องกันไม่ให้แท็กชื่อปัจจุบันหายไปเมื่อปิดเบราว์เซอร์ และผู้ใช้จะสามารถเห็นแท็กชื่อของตนได้เมื่อเปิดเบราว์เซอร์อีกครั้ง
เครื่องสร้างแท็กชื่อสร้างขึ้นโดยเป็นส่วนหนึ่งของหลักสูตร "Introduction to JavaScript React" ของ Skillcrush
ในระหว่างโครงงานนี้ ฉันฝึกฝน:
วิธีสร้าง เรนเดอร์ และส่งอุปกรณ์ประกอบฉากไปยังองค์ประกอบการทำงานที่ดึงข้อมูลคงที่
วิธีสร้างและเรนเดอร์โมเดลข้อมูลอาร์เรย์ รวมถึงการแมปบนอาร์เรย์ด้วยฟังก์ชันเรียกกลับ
วิธีเพิ่มการโต้ตอบให้กับแอปโดยการแปลงส่วนประกอบการทำงานให้เป็นส่วนประกอบสถานะ การสร้างโมดูล React เพิ่มเติม และจัดการอินพุตของผู้ใช้โดยการเพิ่มตัวจัดการเหตุการณ์และผู้ฟังเหตุการณ์ และการส่งอุปกรณ์ประกอบฉาก
วิธีใช้วิธีการวงจรการใช้งานเพื่อบันทึกข้อมูลผู้ใช้ระหว่างเซสชัน
ดูเวอร์ชันสดของแอป Name Tag Generator ที่นี่
Skillcrush - ฉันเขียนโค้ดไฟล์ React ของแอป Name Tag Generator ด้วยการสนับสนุนและคำแนะนำจาก Skillcrush ไฟล์ HTML และ CSS ของแอปและเนื้อหาจัดทำโดย Skillcrush