Data Shape

Apa ini

Data shape maksudnya struktur satu item dalam app.

Dalam Vibe 102, setiap app ialah satu list item. Setiap item ialah object.

Kenapa penting

Website biasanya dibina sekitar sections.

Mini app dibina sekitar data.

Kalau item shape jelas, pelajar tahu apa app perlu add, show, update, delete, dan save.

Apa nak buat

Untuk Mission Task Tracker default, item boleh jadi macam ini:

{
  id: number,
  text: string,
  completed: boolean,
  createdAt: string
}

Contoh app lain:

Sebelum coding, jawab:

What is one item in my app?
What fields does that item need?
Can the app work with one list of those items?

Mistake biasa

• Design screen sebelum tahu item.
• Tambah terlalu banyak field.
• Campur banyak idea app dalam satu data shape.
• Tambah user account sebab perkataan "data" kedengaran macam database.