Bagaimana Cara Pesan ?

1 Hubungi Kami atau Datang Langsung.
2 Konsultasi dan Design Project.
3 Produksi, Pembayaran dan Implementasi

Jika masih belum jelas, dapat mengirimkan pertanyaan via e-mail ke microdataindonesia@gmail.com

JAM BUKA

Senin - Selasa 8:30AM - 6:00AM
Sabtu - Minggu 9:00AM - 5:00PM

Telp: 08118880853

LANGKAH AWAL MEMBUAT PROJECT REACT JS

by / 27 Jul 2020 / Published in teknologi
Post Image


 

Sebelom membuat project, ap aitu react js?

React JS merupakan library javascript yang saat ini sangat populer untuk membuat tampilan website.

 

Berikut cara mudah dan cepat membuat project react js :

 

1. Sebelomnya siapkan dan Install nodeJS, caranya download installernya di https://nodejs.org/, lalu install sampai sukses.

setelah selesai install nodejs, buka CMD / DOS / Terminal, ketik

npm -v

 

2. Install create-react-app

Tentukan lokasi install react, misalkan kalau di windows D:/react/ (buat folder tersebut kalau belum ada)

ketik di CMD/DOS

d:

cd react


jika posisi sudah di folder tersebut, ketikkan perintah

npm install -g create-react-app

untuk cek sukses / tidak, ketikan perintah:

npm create-react-app --version

 

3. Buat project react js

 

ketikkan perintah

 

npm create-react-app test

cd test

npm start

 

tunggu beberapa waktu sebentar, nanti akan otomatis buka halaman web dengan alamat localhost:3000

jika ada error ketikkan perintah

 

npm install

npm start

 

Hasilnya:


Jika kalian ingin memasukkan nama bisa ikutkan langkah berikut :

 1. Buka file app.js di dalam folder src, seperti gambar berikut :


2. Buka file Index.HTML di dalam folder Public, seperti gambar berikut :



3. Buka file Index.js di dalam folder src, seperti gambar berikut :


Hasilnya sebagai berikut :


Tagged under:
TOP