Cara Menginstal ReactJS di Debian 11

Dalam tutorial ini, kami akan menunjukkan kepada Anda cara menginstal ReactJS di Debian 11. Bagi Anda yang belum tahu, React adalah library JavaScript open-source dan digunakan untuk mengembangkan front- aplikasi web akhir. Ini memungkinkan Anda membuat komponen yang dapat digunakan kembali untuk antarmuka pengguna satu halaman. Ini dikembangkan dan dikelola oleh Facebook dan komunitas besar pengembang. ReactJS dapat digunakan dalam pengembangan Aplikasi Web atau Aplikasi Seluler.

Artikel ini mengasumsikan Anda memiliki setidaknya pengetahuan dasar tentang Linux, tahu cara menggunakan shell, dan yang terpenting, Anda meng-host situs Anda di VPS Anda sendiri. Instalasi cukup sederhana dan mengasumsikan Anda sedang berjalan di akun root, jika tidak, Anda mungkin perlu menambahkan 'sudo ' ke perintah untuk mendapatkan hak akses root. Saya akan menunjukkan kepada Anda melalui langkah-demi-langkah instalasi ReactJS pada Debian 11 (Bullseye).

Prasyarat

• Server yang menjalankan salah satu sistem operasi berikut:Debian 11 (Bullseye).
• Sebaiknya Anda menggunakan penginstalan OS baru untuk mencegah potensi masalah.
• Seorang non-root sudo user atau akses ke root user . Kami merekomendasikan untuk bertindak sebagai non-root sudo user , namun, karena Anda dapat membahayakan sistem jika tidak berhati-hati saat bertindak sebagai root.

Instal ReactJS di Debian 11 Bullseye

Langkah 1. Sebelum kami menginstal perangkat lunak apa pun, penting untuk memastikan sistem Anda mutakhir dengan menjalankan apt berikut perintah di terminal:

sudo apt update
sudo apt upgrade
sudo apt install build-essential

Langkah 2. Menginstal Node.js.

Node.js memungkinkan Anda menjalankan JavaScript di sisi server dan di luar browser. Sekarang kita menambahkan repositori resmi Node.js secara manual di Debian 11:

curl -fsSL https://deb.nodesource.com/setup_current.x | sudo -E bash -

Setelah repositori berhasil ditambahkan, Anda sekarang dapat menginstal Node.js menggunakan perintah berikut di bawah ini:

sudo apt install nodejs

Terakhir, periksa versi Node.js menggunakan perintah berikut:

node -v

Periksa versi npm:

npm -v

Langkah 3. Menginstal React.js di Debian 11.

Setelah menginstal node dan npm, untuk membuat aplikasi, perintah berikut diperlukan untuk mengunduh dependensi yang diperlukan aplikasi Anda untuk dijalankan:

npm install -g create-react-app

Selanjutnya, buat aplikasi React dengan perintah berikut di bawah ini:

create-react-app reactapp

Keluaran:

Success! Created reactapp at /root/reactapp
Inside that directory, you can run several commands:

  npm start
    Starts the development server.

  npm run build
    Bundles the app into static files for production.

  npm test
    Starts the test runner.

  npm run eject
    Removes this tool and copies build dependencies, configuration files
    and scripts into the app directory. If you do this, you can’t go back!

We suggest that you begin by typing:

  cd reactapp
  npm start

Kemudian, ubah direktori menjadi aplikasi. NB:reactapp adalah nama aplikasi yang ingin Anda buat:

cd reactapp
npm start 0.0.0.0

Keluaran:

> [email protected] start
> react-scripts start "0.0.0.0"
Compiled successfully!

You can now view reactapp in the browser.

  http://localhost:3000

Note that the development build is not optimized.
To create a production build, use npm run build.

Langkah 4. Mengakses Antarmuka Web ReactJS.

Setelah berhasil diinstal, buka browser web Anda dan uji aplikasi React Anda menggunakan URL http://your-server-ip-address:3000 . Anda akan melihat halaman default React:

Selamat! Anda telah berhasil menginstal ReactJS. Terima kasih telah menggunakan tutorial ini untuk menginstal versi terbaru ReactJS pada Debian 11 Bullseye. Untuk bantuan tambahan atau informasi berguna, kami sarankan Anda memeriksa ReactJS resmi situs web.