Local React App
Membuat, menjalankan, mengedit, menyimpan, dan menjelaskan React app pertama di perangkat sendiri dengan Vite, TypeScript ringan, Git, dan GitHub.
Ikuti lesson dari atas ke bawah agar konsepnya nyambung. Kamu tetap bisa membuka lesson mana pun untuk review.
Alur belajar module
Lesson disusun sebagai jalur belajar. Uji Kompetensi di akhir menjadi checkpoint sebelum lanjut module berikutnya.
Membuat React Project Lokal
Membuat project React lokal pertama dengan Vite dan template React TypeScript.
Menjalankan `npm run dev`
Menjalankan development server React, membuka local URL, dan memahami alur edit-save-refresh.
Mengenal Struktur `src`
Membaca file utama di folder src: main.tsx, App.tsx, CSS, assets, dan component kecil.
Membuat Component Pertama di Local Project
Membuat file component baru, memberi props sederhana, dan mengimport component ke App.tsx.
Menambahkan State dan Event
Menambahkan interaksi kecil di project lokal dengan useState, onClick, dan controlled input.
Menyimpan Project ke GitHub
Menyimpan project React lokal dengan Git, membuat repository GitHub, dan menulis README singkat.
Uji Kompetensi Local React App
Checkpoint kesiapan menjalankan project React lokal, membaca struktur src, membuat component, menambahkan interaksi, menyimpan ke GitHub, dan menjelaskan project.