Cara Memasang React pada Ubuntu 20.04

Dalam artikel ini, kami akan menerangkan cara memasang React pada Ubuntu 20.04.

React adalah sumber terbuka, front end, perpustakaan JavaScript untuk membina antara muka pengguna atau komponen UI. Ia dikendalikan oleh Facebook dan komuniti pemaju dan syarikat individu.

Artikel ini akan membimbing anda dengan proses pemasangan dan penggunaan laman web React.

Prasyarat

• Pelayan khusus Ubuntu 20.04 yang dipasang atau VPS KVM.
• Pengguna root atau pengguna biasa dengan hak pentadbir sudo.

Pasang React pada Ubuntu 20.04

Langkah 1 - Pastikan pelayan sentiasa dikemas kini

# apt update -y && apt upgrade -y

Langkah 2 - Pasang NodeJS dan NPM

Pasang keluaran stabil NodeJS terkini.

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

# apt-get install -y nodejs

Sahkan pemasangan berjaya.

# node -v && npm -v

Pengeluaran:

v15.9.0
7.5.4

Langkah 3 - Pasang aplikasi create react

Dalam artikel ini, kami akan menggunakan alat create-react-app. Ini adalah alat termudah dan terbaik dengan konfigurasi gred pengeluaran yang telah dibina sebelumnya. Ini adalah persekitaran yang selesa untuk belajar React, dan merupakan kaedah terbaik untuk mula membina aplikasi satu halaman baru di React.

# npm install -g create-react-app

Sahkan pemasangan:

# create-react-app --version

Pengeluaran:

4.0.2

Langkah 4 - Terapkan aplikasi React

Buat reaksi aplikasi menggunakan arahan berikut:

# npx create-react-app my-app

Mulakan pembangunan pelayan

Setelah anda memasang aplikasi React, pergi ke direktori root projek anda dan mulakan pelayan pengembangan menggunakan arahan berikut:

# cd my-app

# npm start

Anda kini dapat melihat aplikasi saya di penyemak imbas.

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

Membina

Kumpulan aplikasi menjadi fail statik untuk pengeluaran. Jalankan arahan berikut:

# npm run build

Itu sahaja. Pemasangan telah selesai dengan jayanya.

Dalam artikel ini, kita telah melihat cara memasang React pada Ubuntu 20.04.