React adalah library Javascript yang digunakan untuk membuat antarmuka pengguna yang cepat dan interaktif. React dikembangkan oleh Facebook pada tahun 2011 dan telah berkembang menjadi library Javascript paling populer untuk mengembangkan aplikasi web dan aplikasi seluler.
Prasyarat
Sebelum kita menginstal React, kita memerlukan beberapa hal terlebih dahulu.
- Server yang menjalankan Ubuntu 20.04 atau 18.04.
- Sekitar 10 menit dan secangkir kopi atau teh panas. Saya lebih suka Vanilla Chai dengan sedikit susu murni atau almond tergantung pada suasana hati saya hari itu.
Langkah 1 — Instal NPM
Pertama, kita perlu menginstal NPM (mode package manager), yang merupakan alat baris perintah dan registry yang menampung ribuan paket Node.js.
Instal npm:
$ sudo apt install npm
Bam! Itu mudah. Npm telah terinstal dan sekarang Anda dapat memeriksa versinya menggunakan:
$ npm --version
$ node --version Menginstal npm juga menginstal Node.js, ini akan memeriksa versinya.
Langkah 2 — Instal create-react-app
Sekarang kita perlu menginstal utilitas create-react-app yang memberi Anda alat yang dibutuhkan untuk membuat aplikasi React.
$ sudo npm -g install create-react-app
Konfirmasi versi:
$ create-react-app --version
Langkah 3 — Buat dan luncurkan aplikasi React
Sekarang untuk hal-hal yang menyenangkan! Mari buat aplikasi React pertama Anda. Prosesnya cukup sederhana dan Anda dapat mengaktifkan dan menjalankan aplikasi dalam hitungan menit.
Untuk membuat input aplikasi React:
$ create-react-app [app-name] Ganti '[nama-aplikasi]' dengan apa pun yang Anda suka. Silakan, gila.
Sistem akan mulai menginstal semua paket dan alat yang diperlukan yang akan memakan waktu beberapa menit.
Setelah aplikasi dibuat, Anda akan diminta dengan daftar perintah untuk mengelola aplikasi Anda.
Anda selalu dapat menyalin/menempelkan perintah ini dalam file teks di desktop Anda untuk disimpan nanti. Desktop saya penuh dengan catatan Linux acak!
Langkah 3 — Jalankan aplikasi baru Anda
Anda membuat aplikasi baru yang mewah di langkah terakhir kami, sekarang kami perlu menjalankan aplikasi. Untuk melakukannya, pertama navigasikan ke direktori aplikasi:
$ cd [app-name] Ganti lagi ‘[nama-aplikasi]’ dengan nama pilihan Anda.
Berikan perintah ini:
$ npm start
Anda akan melihat output yang menunjukkan IP dan nomor port untuk melihat aplikasi Anda.
Buka browser web pilihan Anda, semoga bukan Microsoft Edge, dan navigasikan ke:
http://ip-address:3000
Setelah menavigasi ke instalasi React Anda, Anda akan disambut dengan halaman default React. Selamat! Anda baru saja menginstal React dan sekarang Anda dapat mengembangkan sesuai keinginan hati Anda.