Skip to content

Latest commit

 

History

History
32 lines (21 loc) · 1.79 KB

File metadata and controls

32 lines (21 loc) · 1.79 KB

React Navigation & Redux

React Navigation

  1. เตรียมโปรเจคให้พร้อมใช้งาน
  2. สร้างระบบ Navigation

Redux

ดูเพิ่มเติม Redux for React

Redux ประกอบไปด้วย 3 ส่วนที่ต้องสร้างขึ้นมา เพื่อให้ทำงานสอดประสานกันเป็นหนึ่งเดียว เหมือนทีมฟุตบอล หรือทีมเกมส์​ MOBA ต้องมีทั้งรุก รับ support มีฝ่ายใดฝ่ายหนึ่งไม่ได้

3 ฝ่ายหลักคือ

  • กลุ่ม Reducer
  • กลุ่ม Store
  • กลุ่ม Actions (type และ action object)

Redux Reducer และ Redux Store

  1. สร้าง Redux Reducer
  2. สร้าง Redux Store
  3. Setup redux store เข้ากับ navigation ผ่าน Provider
  4. กำหนดปุ่ม Save ให้มีการย้อนกลับไปหน้าแรก
  5. เรียกใช้ค่าจาก redux state ใน HomePage

Redux Action

  1. สร้าง Action ที่เกิดขึ้นในระบบ
  2. กำหนด function ที่ต้องการสร้าง Action ใน NewNotePage
  3. กำหนด Action Type ที่ Reducer ต้องเอาข้อมูลมาอัพเดตใน redux state