</>ExpoMobileLabเริ่มเรียน

week_05Phase 1 · คิดแบบโปรแกรมเมอร์ ออกแบบก่อนเขียน เนื้อหากำลังจัดทำ

สัปดาห์ที่ 5
ออกแบบ UI เป็นระบบ

Component, Flexbox และ design system เล็ก ๆ ของแอป

Slides และ Docs ของสัปดาห์นี้จะขึ้นที่นี่เมื่อพร้อม

ลากเพื่อหมุน

$ ls topics/

หัวข้อที่จะพูดถึง

Component thinking
Flexbox
Design tokens
สี / ตัวอักษร / ระยะห่าง
NativeWind

จบสัปดาห์นี้คุณจะ

แตกหน้าจอเป็น component ที่ใช้ซ้ำได้
จัด layout ด้วย Flexbox ให้รองรับหลายขนาดจอ
ตั้ง design tokens ให้ทั้งแอปดูเป็นชุดเดียวกัน

mini project

สิ่งที่จะได้สร้าง

ชุด component ของแอปตัวเอง (ปุ่ม การ์ด หัวข้อ) และหน้าโปรไฟล์