Cara Push File React Ke Github Untuk Pemula Mudah

September 09, 2022

Download Git (Jika Anda belum Menginstallnya)

Download npm (Jika Anda belum Menginstallnya). NPM yang sering banyak di pakai, anda juga bisa pakai yarn untuk alternative nya

1. Install Semua Yang ada di atas

2. buat folder kosong untuk lokasi projek anda, contohnmya saya disini

3. masuk ke cmd di folder kosong tersebut, caranya

bisa klik kanan > open terminal

atau ketik di kolom breadcum "cmd" lalu enter

4. Ketik

npm install -g create-react-app

Jika terjadi error

npm WARN deprecated tar@2.2.2: This version of tar is no longer supported, and will not receive security updates. Please upgrade asap

ketik

npm install -g tar@latest

5. Lanjut buat project react js kamu sekarang, caranya ketik dan tunggu sampai loading selesai

create-react-app crud-reactjs

*yang di merahin adalah nama projek kamu (anda bisa mengubahnya sesuka kalian)

Jika selesai dan berhasil akam muncul "Success! Created....."

6. ketik

cd crud-reactjs

untuk masuk ke folder dengan nama yang kalian buat

7. terakhir untuk melihat react sudah berjalan

ketik

npm start

Jika sudah berhasil react js terinstall akan muncul tampilan seperti ini

Sekarang anda bisa memodifikasi tampilan react js, tapi untuk memodifikasi akan saya skip karena tujuan artikel ini adalah membuat react js dan push file react js ke github saja

Sekarang Kita Mulai Push ke github yuk

1. Mausk ke dalam folder react js yang tadi nama projek kalian buat

2. lalu klik kanan dan pilih "git bash here"

3. ketik 2 baris ini untuk menyiapkan configurasi git bash agar bisa terpush projek mu ke github

git config --global user.name "namausergithubkamu"
git config --global user.email "emailkamu@example.com"

4. Ketik Perintah Baris dibawah ini dan tunggu sampi selesai

git init
git add *
git commit -m "cacatan perubahan push file 1"
git remote add origin https://github.com/namaakun-github-kamu/namarepositorykamu.git
git push -u origin master

6. Akan di mintai sign in untuk masuk ke dalam akun github anda

Ada 2 pilihan

Pilih sign in with browser agar mudah

7. Jika berhasil akan bertulis seperti ini kurang lebihnya

$ git push -u origin master
Enumerating objects: 102, done.
Counting objects: 100% (102/102), done.
Delta compression using up to 12 threads
Compressing objects: 100% (95/95), done.
Writing objects: 100% (102/102), 389.17 KiB | 389.17 MiB/s, done.
Total 102 (delta 5), reused 102 (delta 5), pack-reused 0
remote: Resolving deltas: 100% (5/5), done.
To https://github.com/vizerweb/reactjs1.git
* [new branch] master -> master
branch 'master' set up to track 'origin/master'.

Catatan :

1. Jika terjadi "LF will be replaced by CRLF the next time Git touches it" ketika

git add *

untuk cara fix nya ketik "git config --global core.autocrlf false"

lalu ketik lagi

git add *

2. Jika Terjadi "fatal: repository 'https://github.com/vizerweb/reactjs1.git/' not found
"

anda harus membuat respository terlebih dahulu, caranya masuk ke github akun kamu

masuk ke menu respositories > new > respository name = namarepositorykamu.git

lalu create respository

ketik lagi di git bash "git push -u origin master"