FluentStack

Menyimpan Project ke GitHub

Mode tersedia: dark, light, paper
MasukDaftar
Intermediate · Level 7: React FundamentalsIntermediate60 menitBahasa Indonesia

Menyimpan Project ke GitHub

Menyimpan project React lokal dengan Git, membuat repository GitHub, dan menulis README singkat.

StatusMemuat progres
ProgresMemuat...

...

Memuat progres

Menyiapkan langkah berikutnya

Tujuan belajar

  • Mengecek status Git project React
  • Membuat commit pertama yang jelas
  • Menghubungkan project lokal ke repository GitHub
  • Menulis README yang menjelaskan project
GitGitHubREADMELocal Workflow

Isi lesson

7 blok
  1. 1.
    Project lokal perlu punya riwayatBelum selesaiWajib
  2. 2.
    Resource Git dan GitHubBelum selesaiWajib
  3. 3.
    Command Git dasarBelum selesaiWajib
  4. 4.
    Menghubungkan ke repository GitHubBelum selesaiOpsional
  5. 5.
    README singkatBelum selesaiWajib
  6. 6.
    Checklist local taskBelum selesaiWajib
  7. 7.
    RingkasanBelum selesaiWajib

Project lokal perlu punya riwayat

Wajib

Git menyimpan riwayat perubahan project. GitHub menyimpan repository online agar project bisa dibuka lagi dari perangkat lain, dibagikan ke reviewer, atau dipakai sebagai bukti latihan.

Untuk milestone ini, kamu tidak perlu workflow pull request yang kompleks. Fokus pada hal dasar: cek status, commit perubahan yang jelas, buat repository, push, lalu tulis README yang membuat project mudah dipahami.

Bagian ini memengaruhi progres lesson.

Resource resmi

Wajib

Resource Git dan GitHub

Gunakan link resmi ini jika Git belum tersedia atau kamu butuh panduan repository GitHub.

GitWajib

Git Downloads

Install Git agar command git tersedia di terminal.

Install Git
GitHub DocsDirekomendasikan

Create a repo

Panduan resmi membuat repository baru di GitHub.

Buka GitHub Docs
GitHub DocsDirekomendasikan

Adding locally hosted code to GitHub

Panduan menghubungkan project lokal ke repository GitHub.

Buka panduan push

Bagian ini memengaruhi progres lesson.

Command Git dasar

Wajib
bash
git status
git add .
git commit -m "Build first local React app"

Cek status sebelum commit agar kamu tahu file apa yang masuk. Commit message sebaiknya menjelaskan perubahan yang dilakukan.

Bagian ini memengaruhi progres lesson.

Menghubungkan ke repository GitHub

Opsional
bash
git branch -M main
git remote add origin https://github.com/username/fluent-react-notes.git
git push -u origin main

Ganti URL repository dengan URL milik kamu. Jika remote sudah ada, jangan tambah remote baru; cek dulu dengan `git remote -v`.

Opsional, tidak menghambat penyelesaian lesson.

README singkat

Wajib
bash
# Fluent React Notes

Mini React app untuk latihan component, props, state, event, dan controlled input.

## Cara menjalankan

npm install
npm run dev

## Fitur

- Profile card component
- Practice tracker dengan input dan button
- State dan event sederhana

## Yang dipelajari

- Struktur project Vite React
- Component dan props
- useState, onChange, dan onClick

README tidak perlu panjang. Yang penting reviewer tahu tujuan app, cara menjalankan, fitur utama, dan hal yang kamu pelajari.

Bagian ini memengaruhi progres lesson.

Checklist local task

Wajib

Kerjakan di project lokal kamu:

  • Jalankan `git status`.
  • Pastikan perubahan project yang ingin disimpan sudah benar.
  • Buat commit pertama dengan message yang jelas.
  • Buat repository baru di GitHub.
  • Hubungkan project lokal ke repository GitHub.
  • Push branch utama ke GitHub.
  • Buka repository di browser dan pastikan file project terlihat.
  • Update README dengan tujuan app, cara menjalankan, fitur, dan hal yang dipelajari.

Jika kamu belum siap push karena akun GitHub belum tersedia, minimal pastikan project punya commit lokal dan README sudah ditulis.

Bagian ini memengaruhi progres lesson.

Ringkasan

Wajib
  • Git menyimpan riwayat perubahan project lokal.
  • GitHub membuat repository bisa dibuka dan dibagikan online.
  • Commit message harus menjelaskan perubahan.
  • README membantu orang lain memahami project dan cara menjalankannya.
  • Berikutnya, Uji Kompetensi mengecek readiness local React workflow kamu.

Bagian ini memengaruhi progres lesson.

Langkah berikutnya

Selesaikan bagian penting lesson ini

Lanjutkan blok wajib berikutnya: Project lokal perlu punya riwayat.

Memuat progresReview module