ในที่นี้เรารู้เรื่อง Model-View-Controller (MVC) พอสมควรแล้ว ในการเขียน web นั้น ถ้ากล่าวได้ง่ายๆ ส่วน ที่ใช้เชื่อมต่อกับ database ก็เหมือน model, ส่วนของ view ก็คือหน้าบ้านที่เรามักเรียกๆกัน ไว้ติดต่อกับ user และ ส่วน controller ไว้สำหรับการกำหนด function/ action หรือ logic ต่างๆ ที่นำไปใช้ในการควบคุมการทำงานหรือลูกเล่นต่างๆที่โขว์ในเวป

1. เรียนรู้รูปแบบโครงสร้างของ react คร่าวๆ

React เป็น JavaScript Library ที่ถูกสร้างโดย facebook โดยในที่นี้ react เป็น UI ที่ถูกสร้างมาตามพื้นฐานของ MVC ที่กล่าวมาข้างต้น ซึ่ง react ประกอบไปด้วยส่วนของ reducer (ไว้ติดต่อกับ model/ ชุดข้อมูลใน database) / มี container ที่ไว้สำหรับการทำ control และกำหนดทิศทางของ action ต่างๆ (action creator) / และมี component ที่เปรียบเสมือน view (render => return html ออกมาประมาณนั้น)

ถ้าให้วาดเป็นรูปภาพเพื่อการเข้าใจง่ายก็จะได้ รูปภาพดังต่อไปนี้