Uji Kompetensi Local React App
Checkpoint kesiapan menjalankan project React lokal, membaca struktur src, membuat component, menambahkan interaksi, menyimpan ke GitHub, dan menjelaskan project.
Yang dicek
- Mengecek kesiapan membuat dan menjalankan project React lokal
- Mengecek pemahaman struktur src, App, dan component file
- Mengecek penggunaan props, state, dan event sederhana
- Mengecek workflow Git, GitHub, dan README
- Mengecek kemampuan menjelaskan project secara jelas
Isi lesson
6 blok- 1.Apa yang dicek di checkpoint iniBelum selesaiWajib
- 2.QuizBelum selesaiWajib
- 3.Local React project checklistBelum selesaiWajib
- 4.Dokumentasi untuk self-review React lokalBelum selesaiOpsional
- 5.Writing practiceBelum selesaiWajib
- 6.RingkasanBelum selesaiWajib
Apa yang dicek di checkpoint ini
WajibCheckpoint ini mengecek readiness local React workflow. Kamu tidak sedang membuktikan bahwa app kamu besar. Kamu sedang membuktikan bahwa kamu bisa membuat React app lokal, menjalankan dev server, membaca struktur `src`, membuat component, memakai props/state/events, menyimpan project, dan menjelaskan hasil kerja.
FluentStack tidak bisa membaca folder lokal, terminal, browser, atau akun GitHub kamu secara otomatis. Checklist di checkpoint ini adalah self-review. Tandai selesai hanya setelah kamu benar-benar mengecek project di perangkat sendiri.
Bagian ini memengaruhi progres lesson.
Quiz
WajibUji Kompetensi Local React App
Jawab pertanyaan satu per satu. Kamu bisa ulang quiz jika belum mencapai target lulus.
Target lulus
70/100
Skor terbaik
0/100
Status
Belum dikerjakan
Blok ini wajib untuk menyelesaikan lesson. Progres quiz naik setelah skor mencapai target lulus.
Pertanyaan 1 dari 6
Target lulus: 70
Apa tujuan utama Local React App milestone?
Local React project checklist
WajibPastikan project React lokal kamu memenuhi checklist ini:
- Project dibuat dengan tool React lokal seperti Vite.
- Project punya `package.json`.
- Dependencies sudah diinstall dengan `npm install`.
- Dev server bisa berjalan dengan `npm run dev`.
- App bisa dibuka di browser lewat localhost.
- Kamu bisa menjelaskan fungsi `src/main.tsx`.
- Kamu bisa menjelaskan fungsi `src/App.tsx`.
- Ada minimal satu component buatan sendiri di folder `src/components` atau lokasi sejenis.
- Component menerima props sederhana.
- Ada minimal satu state dengan `useState`.
- Ada minimal satu event user, misalnya `onClick`, `onChange`, atau `onSubmit`.
- UI berubah setelah user berinteraksi.
- Terminal dan browser Console tidak menyimpan error yang kamu abaikan.
- Project punya minimal satu commit Git.
- Project sudah dipush ke repository GitHub atau minimal siap dipush.
- README menjelaskan tujuan app, cara menjalankan, fitur utama, dan hal yang dipelajari.
Checklist ini bukan auto-validation. Jangan tandai selesai jika kamu belum membuka project lokal dan mengeceknya langsung.
Bagian ini memengaruhi progres lesson.
Documentation Bridge
OpsionalDokumentasi untuk self-review React lokal
Gunakan dokumentasi ini untuk mengecek ulang bagian project yang masih terasa rapuh. Fokus pada bagian yang langsung membantu project kamu.
React Learn
Start a New React Project
Fokus baca
- pilihan setup React
- project lokal
- kapan memakai framework atau tool ringan
Abaikan dulu
- Next.js production architecture
- server components
- deployment strategy
React Learn
Your First Component
Fokus baca
- component function
- export dan import component
- menyusun UI dari component
Abaikan dulu
- advanced component patterns
- performance optimization
React Learn
State: A Component's Memory
Fokus baca
- useState
- setter function
- render ulang setelah state berubah
Abaikan dulu
- reducers
- context
- external state libraries
Vite
Getting Started
Fokus baca
- create project
- npm install
- npm run dev
Abaikan dulu
- advanced build config
- plugin authoring
- library mode
GitHub Docs
Adding locally hosted code to GitHub
Fokus baca
- remote repository
- push project lokal
- basic GitHub workflow
Abaikan dulu
- GitHub Actions
- branch protection
- team review workflow
Aksi setelah membaca
Pilih satu bagian project yang paling belum nyaman, baca dokumentasi yang relevan, lalu update README dengan catatan cara menjalankan atau cara component utama bekerja.
Opsional, tidak menghambat penyelesaian lesson.
Writing practice
WajibLatihan menulis
Tulis catatan project untuk README atau update mentor. Jelaskan tujuan React app, cara menjalankan, struktur file utama, component yang kamu buat, state/event yang berjalan, status GitHub, dan apakah kamu siap lanjut ke React Intermediate.
Tulis draft dulu sebelum menandai writing practice selesai.
0/420 karakter
Checklist panduan
Checklist ini hanya panduan. Kamu tidak harus mencentang semuanya.
Ringkasan
Wajib- Checkpoint ini mengukur readiness local React workflow, bukan ukuran app.
- Project yang siap punya dev server berjalan, struktur `src` dipahami, component sendiri, props, state, dan event kecil.
- README membuat project bisa dipahami reviewer atau mentor.
- Git dan GitHub menyimpan project sebagai bukti progres.
- Jika belum siap, ulangi bagian setup Vite, `npm run dev`, struktur `src`, component import, useState/event, Git commit, GitHub push, dan README.
- Jika sudah siap, kamu bisa masuk React Intermediate dengan fondasi local workflow yang jauh lebih kuat.
Bagian ini memengaruhi progres lesson.
Langkah berikutnya
Selesaikan bagian wajib checkpoint ini
Lanjutkan blok wajib berikutnya: Apa yang dicek di checkpoint ini.