Cara Install ReactJS di Ubuntu

Dikembangkan oleh Facebook pada tahun 2011, React (juga disebut sebagai ReactJS) adalah pustaka Javascript yang digunakan untuk membuat antarmuka pengguna yang cepat dan interaktif. Pada saat penulisan, ini adalah perpustakaan Javascript paling populer untuk mengembangkan antarmuka pengguna. React mengungguli rekan-rekannya – Angular dan Vue JS dalam hal fungsionalitas dan popularitas.

Popularitasnya berasal dari fleksibilitas dan kesederhanaannya dan ini menjadikannya pilihan pertama dalam pengembangan aplikasi seluler dan aplikasi web. Lebih dari 90.000 situs menggunakan React termasuk raksasa teknologi seperti Facebook, Netflix, Instagram , Airbnb, dan Twitter adalah beberapa di antaranya.

Dalam artikel ini, Anda akan mempelajari cara menginstal ReactJS di Ubuntu 20.04 dan Ubuntu 18.04.

Langkah 1: Menginstal NPM di Ubuntu

Kita memulai instalasi React JS dengan menginstal npm – kependekan dari node package manager, yang terdiri dari dua hal. Pertama, ini adalah alat baris perintah yang digunakan untuk berinteraksi dengan paket Javascript, yang memungkinkan pengguna menginstal, memperbarui, dan mengelola alat dan pustaka Javascript.

Kedua, npm adalah registri perangkat lunak sumber terbuka online yang menampung lebih dari 800.000 paket Node.JS. Npm gratis dan Anda dapat dengan mudah mengunduh aplikasi perangkat lunak yang tersedia untuk umum.

Untuk menginstal npm di Ubuntu Linux, login ke server Anda sebagai pengguna sudo dan jalankan perintah di bawah ini:

sudo apt install npm

Setelah instalasi selesai, Anda dapat memverifikasi versi npm yang diinstal menggunakan perintah:

npm --version

6.14.4  [Output]

Versi terbaru pada saat penulisan ini adalah v6.14.4 seperti yang ditangkap dalam output.

Pemasangan npm juga memasang node.js dan Anda dapat mengonfirmasi versi node yang dipasang menggunakan perintah:

node --version

v10.16.0  [Output]

Langkah 2: Menginstal Utilitas buat-reaksi-aplikasi

create-react-app adalah utilitas yang memungkinkan Anda menyiapkan semua alat yang diperlukan untuk membuat Aplikasi React. Ini menghemat banyak waktu dan energi untuk mengatur segalanya dari awal dan memberi Anda langkah awal yang diperlukan.

Untuk menginstal alat tersebut, jalankan perintah npm berikut:

sudo npm -g install create-react-app

Setelah terinstal, Anda dapat mengonfirmasi versi terinstal dengan menjalankan:

create-react-app --version

4.0.1  [Output]

Langkah 3: Buat & Luncurkan Aplikasi React Pertama Anda

Membuat aplikasi React cukup sederhana & mudah. Kita akan membuat aplikasi reaksi bernama tecmint-app sebagai berikut.

create-react-app tecmint-app

Ini memakan waktu sekitar 5 menit untuk menginstal semua paket, perpustakaan, dan alat yang dibutuhkan oleh aplikasi. Kesabaran akan berguna.

Jika pembuatan aplikasi berhasil, Anda akan mendapatkan notifikasi di bawah ini yang memberikan perintah dasar yang dapat Anda jalankan untuk mulai mengelola aplikasi.

Untuk menjalankan aplikasi, navigasikan ke direktori aplikasi

cd tecmint-app

Kemudian jalankan perintah:

npm start

Anda akan mendapatkan output di bawah ini yang menunjukkan cara mengakses aplikasi di browser.

Jalankan browser Anda dan jelajahi alamat IP server Anda

http://server-ip:3000

Ini menunjukkan bahwa aplikasi React default sudah aktif dan berjalan. Dalam panduan ini, kita telah berhasil menginstal React JS dan membuat aplikasi di React.