Build a web application with React: TypeScript Edition

Node & TypeScript

• ทำความเข้าใจระบบ Node.js และความสำคัญในการใช้งาน
  • การใช้งานคำสั่ง node CLI ในการพัฒนาเว็บด้วย React
  • การใช้งาน JavaScript ในการทำงาน
  • การติดตั้งและจัดการ package library
• ปูพื้นฐาน TypeScript สำหรับคนเขียน JQuery
  • JavaScript และ Data type เบื้องต้น
  • Import และ export
  • แนวคิดเบื้องต้นในการใช้งาน Class
    • การสร้าง Property และ Method
    • การใช้งาน Constructor
  • แนวคิดเบื้องต้นในการใช้งาน Interface และ Enum
  • แนวคิดการใช้งาน และจัดการ Nullable Type

React Fundamental

• แนวคิดของเทคโนโลยี React
• การสร้างและจัดการโปรเจค React
  • เรียนรู้พื้นฐาน และพัฒนา Web Component ด้วย React
  • แนวคิดและการจัดการ Component
  • การกำหนดคุณสมบัติของ Component ด้วย Props
  • การทำ Styling User Interface ใน React
  • ทำความเข้าใจแนวคิด และใช้งาน React Hook
  • เข้าใจการควบคุมการแสดงผลแอพด้วย State
• การใช้งาน CSS Library ใน React
• การใช้งาน Tailwind CSS ในโปรเจค React TypeScript

State Management with React Context & Navigation

• State Management
  • เรียนรู้ความสำคัญของ State Management
  • เข้าใจแนวคิดของ React Context
  • การใช้งาน React Hook ในการควบคุม State ของ React Component
  • การใช้งาน React context ในการควบคุม State ของ แอพพลิเคชั่น
  • การใช้งาน React Context ในโปรเจคภาษา TypeScript
• Navigation
  • การติดตั้ง React Navigation
  • การจัดการ Route และ Component
  • การใช้งาน React Navigation ในโปรเจคภาษา TypeScript

React in Action

• Working with Data
  • เข้าใจแนวทางการจัดการ External Data ในโปรเจค React
  • การสร้าง Model Class ได้สบายๆ
  • การโหลดใช้งานข้อมูล JSON ใน React Project
  • วิธี Mapping ข้อมูล JSON กับ Model class
  • การใช้งานรูปภาพกับ React Component
• แนวทาง และวิธีการนำเว็บขึ้นใช้งานใน Production
  • การทำ Minification
  • การใช้งาน distribution directory