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 run app dengan laju di localhost. Tailwind bantu style app tanpa CSS file yang besar.
Dalam bahasa simple:
| Tool | Apa benda ini |
|---|---|
| React | JavaScript library untuk bina screen app daripada bahagian kecil yang dipanggil components. |
| Vite | Development tool untuk create dan run project di localhost supaya perubahan nampak cepat. |
| Tailwind | Styling system yang guna class name kecil terus dalam HTML atau JSX. |
Kenapa penting
Vibe 102 fokus pada app behavior.
Stack ini kekalkan kelas pada:
- components
- input
- state
- lists
- buttons
- responsive UI
- localStorage
Ia elak routing, server logic, backend setup, dan authentication.
Apa nak buat
Guna stack daripada project brief.
Bila tutor minta create project, ikut setup instruction daripada AI assistant dan berhenti pada localhost.
Checkpoint dia simple:
Reference
The app opens on localhost.
The page loads.
No feature has been built yet.Jangan teruskan selagi localhost belum jalan.
Mistake biasa
- Banding semua framework sampai tidak build.
- Tambah Next.js server features.
- Install extra library sebelum app berjalan.
- 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 11 checkpoints complete
0 daripada 11 checkpoints complete.