Recap ก่อนเข้า TypeScript
ตอนนี้เรามีอะไรแล้วจากชั่วโมงที่ 2
- Next.js project
- หน้าแรกใน
src/app/page.tsx - HTML structure จาก Day 1 ถูกย้ายเป็น TSX แล้ว
- CSS บางส่วนถูกย้ายเข้า
globals.css - ตาราง issue list ยังเป็นข้อมูล static ใน JSX
ปัญหาที่เหลือ
ข้อมูล issue ยังเขียนซ้ำอยู่ใน UI:
<td>#001</td>
<td>Login เข้าระบบไม่ได้</td>
<td>Anan</td>
<td><span className="status status-open">OPEN</span></td>Key Message
ชั่วโมงนี้เราจะต่อจาก table ที่ย้ายเข้า Next.js แล้ว โดยย้ายข้อมูลออกจาก JSX และสร้าง data model ด้วย TypeScript