Cara Menginstal ReactJS di Ubuntu 21.04

Pengantar

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

Popularitasnya berasal dari fleksibilitas dan kesederhanaannya dan 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 untuk membuat daftar beberapa.

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

Langkah 1:Menginstal NPM di Ubuntu

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

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

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

$ sudo apt install npm -y

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

$ npm --version

Versi terbaru pada saat penulisan ini adalah v7.5.2 seperti yang ditangkap dalam output.

Pemasangan npm juga memasang node.js dan Anda dapat mengonfirmasi versi simpul diinstal menggunakan perintah:

$ node --version

Langkah 2:Menginstal Utilitas create-react-app

buat-reaksi-aplikasi adalah utilitas yang memungkinkan Anda menyiapkan semua alat yang diperlukan untuk membuat React Aplikasi. Ini menghemat banyak waktu dan energi untuk mengatur semuanya dari awal dan memberi Anda permulaan yang dibutuhkan.

Untuk menginstal alat, jalankan npm berikut ini perintah:

$ sudo npm -g install create-react-app

Setelah diinstal, Anda dapat mengonfirmasi versi yang diinstal dengan menjalankan:

$ create-react-app --version

Langkah 3:Buat &Luncurkan Aplikasi React Pertama Anda

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

$ create-react-app unixcop-app

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

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

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

Untuk menjalankan aplikasi, navigasikan ke aplikasi direktori

$ cd unixcop-app

Kemudian jalankan perintah:

$ npm start

Anda akan mendapatkan output tentang cara mengakses aplikasi di browser tetapi jika Anda memiliki pesan yang ditampilkan di bawah ini, Anda harus memasukkan Y untuk mengubah port mendengarkan karena port default 3000 diambil dan sesuatu sudah berjalan di atasnya.

Jalankan browser Anda dan jelajahi alamat IP server Anda

http://server-ip:3000 
or 
http://localhost:3000

Dalam kasus saya, saya membiarkan aplikasi memilih port lain daripada port default.

Itu 3001 seperti yang ditunjukkan

Kesimpulan

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