...

Membuat Aplikasi React Hello World

React bukanlah sebuah Framework melainkan merupakan Library Javascript yang diperuntukkan untuk membangun User Interface atau UI. React ini digunakan untuk membangun Aplikasi single page. Berbeda dengan React, React Native merupakan Library Javascript untuk Aplikas Mobile.

Untuk membuat aplikasi single page dengan React, diperlukan Node.js yang telah terinstall di OS.

1. Membuat folder Project Aplikasi React Hello World

Buka Edito VS Code (saya menggunakan VS Code). tentukan workspace dimana lokasi project aplikasi kita akan ditempatkan. (dalam hal ini saya menetukannya di folder tutorial_vid_react

Buka Terminal baru dengan memilih New Terminal dari Toolbar Terminal.

Jalankan perintah atau command : npx create-react-app hello-world

Dengan begitu npm akan membuat project Aplikasi React dalam folder hello-world, sebagai berikut :

Untuk

2. Kompilasi dan menjalankan Aplikasi React pada Browser

untuk kompilasi dan menjalankan aplikasi React tuliskan perintah npm start pada terminal

Setelah selesai, Aplikasi dijalankan pada Browser di http://localhost:3000, sebagai berikut :

 

3. Edit Aplikasi React untuk tampilkan Teks Hello World

Pilih file App.js edit elemen paragraf <p>Hello World</p> 

kemudian simpan file, dan buka Browser maka akan tampil halaman Web sebagai berikut :

 

Selamat Mencoba ...