Practice: Branch Dashboard

React Component & Ant Design Theme

1. สร้างโปรเจค และติดตั้ง module
2. ใช้งาน Ant Design สร้างหน้า App สร้าง Header Menu

React + Google Maps

1. สร้าง Map Branch Component
2. ใช้งานข้อมูลกับแผนที่

React + Google Chart

1. สร้าง Stat Chart Component

React + Redux

1. ติดตั้ง Redux เข้ากับโปรเจค
2. สร้างกลไก Action: กดเลือกหมุดและแสดง Chart
3. สร้างกลไก Action: ดึงข้อมูล JSON

React + Redux + Web API

1. ใช้ Axios จัดการข้อมูล JSON
2. สร้างระบบ Navigation ด้วย React Router
3. สร้าง Action ที่จัดการเรื่อง Login และเปิดหน้า dashboard
4. จัดแยก Reducer ให้สะดวกมากขึ้น
5. Authorization ด้วย JWT

Deploy with Docker

• ทดสอบใช้งาน Docker กับ React Project