ENBM
Akademiacademy / vibe-102 / react-vite-tailwind

React Vite Tailwind

Apa ini

React + Vite + Tailwind ialah stack kelas Vibe 102.

React urus bahagian app dan state. Vite create dan run project secara local. Tailwind bantu style app tanpa CSS file yang besar.

Dalam bahasa simple:

ToolApa dia
ReactJavaScript library untuk bina screen app daripada bahagian kecil yang dipanggil components.
ViteDevelopment tool untuk create dan run project di localhost supaya perubahan nampak cepat.
TailwindStyling system yang guna class name kecil terus dalam HTML atau JSX.

Kenapa penting

Vibe 102 fokus pada behavior app.

Stack ini pastikan kelas fokus pada:

  • components
  • input
  • state
  • lists
  • buttons
  • responsive UI
  • localStorage

Ia elak routing, server logic, backend setup, dan authentication.

Apa nak buat

Guna page ini sebelum Create Starter Project.

Tidak perlu master stack malam ini. Cuma faham tugas setiap tool:

  • React urus screen dan memori app.
  • Vite create dan run local project.
  • Tailwind style screen dengan class names.

Checkpoint kamu simple:

Reference

Saya faham kenapa starter project guna React, Vite, dan Tailwind.
Saya tidak akan tambah framework extra malam ini.

Mistake biasa

  • Banding semua framework sampai tidak mula bina.
  • Tambah Next.js server features.
  • Install library extra sebelum app jalan.
  • Anggap polish Tailwind lebih penting daripada app behavior.

Vibe 102 / Checkpoint sekarang

React Vite Tailwind

Sedia untuk stamp - Disimpan dalam browser ini sahaja.

0 daripada 16 checkpoints complete

0 daripada 16 checkpoints complete.