ReactJS. Kali ini penulis akan membahas dan menjelaskan bagaimana cara-cara atau langkah-langkah terbaru dan terlengkap yang dapat Anda ikuti dan lakukan dalam membuat aplikasi ReactJS pertama Anda.

Catatan: Sebelum mengikuti tutorial atau pembahasan kali ini, pastikan Anda telah atau pernah Menginstall ReactJS dan Menginstall Visual Studio Code di Windows 10 dari komputer atau laptop Anda.

Baca Juga: Cara Membuat Aplikasi Angular Pertama Anda

Untuk Anda yang mungkin bertanya Bagaimana Cara Membuat Aplikasi ReactJS Pertama Anda? Maka pada tutorial atau pembahasan kali ini, penulis akan membahas Cara Membuat Aplikasi ReactJS Pertama Anda yang dapat Anda ikuti pada langkah-langkah di bawah.

Cara Membuat Aplikasi ReactJS Pertama Anda

1. Buka Visual Studio Code Anda.

2. Setelah “Visual Studio Code” Anda terbuka, langkah selanjutkan buka terminal dari “Visual Studio Code” Anda dengan menekan:  Ctrl + Shift + `  di keyboard Anda.

3. Setalah itu, untuk membuat aplikasi ReactJS pertama Anda, ketikkan perintah create-react-app blog  (“Contoh: ‘blog’ adalah nama aplikasi Anda”), setelah itu tekan enter.

Cara Membuat Aplikasi ReactJS Pertama Anda

4. Setelah Anda menekan enter, tunggu beberapa saat sampai proses pembuatan aplikasi ReactJS Anda selesai.

Cara Membuat Aplikasi ReactJS Pertama Anda

5. Jika telah selesai, Anda akan mendapatkan sebuah folder baru, folder dengan nama aplikasi yang telah Anda buat tadi. Untuk melanjutkan, ketikkan perintah:  cd blog  (“Contoh: ‘blog’ adalah nama aplikasi Anda”) di terminal “Visual Studio Code Anda” untuk masuk ke path atau lokasi dari aplikasi Anda.

6. Setelah Anda berada di path atau lokasi dari aplikasi ReactJS yang telah Anda buat, untuk menjalankan apliksai ReactJS pertama Anda, Anda bisa mengetikkan perintah npm start  , setelah itu tekan enter.

Cara Membuat Aplikasi ReactJS Pertama Anda

7. Setelah Anda menekan enter, tunggu beberapa saat sampai proses compile selesai dilakukan. Jika aplikasi ReactJS Anda telah berhasil di compile, Anda akan mendapatkan alamat URL dari apliksai ReactJS yang telah Anda buat. Sekarang Anda dapat membuka alamat tersebut di salah satu browser favorit Anda.

Cara Membuat Aplikasi ReactJS Pertama Anda

8. Jika Anda telah membuka alamat dari aplikasi ReactJS yang telah Anda buat, maka Anda akan mendapatkan tampilan seperti pada gambar di bawah ini.

Cara Membuat Aplikasi ReactJS Pertama Anda

9. Selesai

Setelah Anda mengikuti tutorial atau langkah-langkah di atas, maka sekarang Anda telah berhasil membuat sebuah aplikasi ReactJS pertama Anda.

Di atas merupakan cara-cara atau langkah-langkah terbaru dan terlengkap yang dapat Anda ikuti dan lakukan dalam membuat aplikasi ReactJS pertama Anda. Semoga dapat bermanfaat.