Cara Menginstal React di Ubuntu 20.04

Pada artikel ini, kami akan menjelaskan cara menginstal React di Ubuntu 20.04.

React adalah pustaka JavaScript open-source, front end, untuk membangun antarmuka pengguna atau komponen UI. Itu dikelola oleh Facebook dan komunitas pengembang individu dan perusahaan.

Artikel ini akan memandu Anda dengan proses instalasi dan penerapan situs React.

Prasyarat

• Ubuntu 20.04 menginstal dedicated server atau KVM VPS.
• Pengguna root atau pengguna normal dengan hak administrator sudo.

Instal React di Ubuntu 20.04

Langkah 1 - Tetap perbarui server

# apt update -y && apt upgrade -y

Langkah 2 - Instal NodeJS dan NPM

Instal rilis stabil terbaru dari NodeJS.

# curl -sL https://deb.nodesource.com/setup_15.x | sudo -E bash -

# apt-get install -y nodejs

Pastikan instalasi berhasil.

# node -v && npm -v

Keluaran:

v15.9.0
7.5.4

Langkah 3 - Instal buat aplikasi reaksi

Pada artikel ini, kita akan menggunakan alat create-react-app. Ini adalah alat termudah dan terbaik dengan konfigurasi tingkat produksi yang telah dibuat sebelumnya. Ini adalah lingkungan yang nyaman untuk belajar React, dan merupakan cara terbaik untuk mulai membangun aplikasi satu halaman baru di React.

# npm install -g create-react-app

Verifikasi instalasi:

# create-react-app --version

Keluaran:

4.0.2

Langkah 4 - Deploy aplikasi React

Buat aplikasi reaksi menggunakan perintah berikut:

# npx create-react-app my-app

Mulai server pengembangan

Setelah Anda menginstal aplikasi React, buka direktori root proyek Anda dan mulai server pengembangan menggunakan perintah berikut:

# cd my-app

# npm start

Anda sekarang dapat melihat aplikasi saya di browser.

Local: http://localhost:3000
On Your Network: http://192.168.0.102:3000

Membangun

Bundel aplikasi ke dalam file statis untuk produksi. Jalankan perintah berikut:

# npm run build

Itu dia. Instalasi telah berhasil diselesaikan.

Pada artikel ini, kita telah melihat cara menginstal React di Ubuntu 20.04.