Cara Menginstal ReactJS di Ubuntu 20.04 LTS

Dalam tutorial ini, kami akan menunjukkan kepada Anda cara menginstal ReactJS di Ubuntu 20.04 LTS. Bagi Anda yang belum tahu, React adalah library JavaScript open-source untuk membuat web frontend dan Komponen UI. 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 di Ubuntu 20.04 (Focal Fossa). Anda dapat mengikuti instruksi yang sama untuk Ubuntu 18.04, 16.04, dan distribusi berbasis Debian lainnya seperti Linux Mint.

Prasyarat

• Server yang menjalankan salah satu sistem operasi berikut:Ubuntu 20.04, 18.04, dan distribusi berbasis Debian lainnya seperti Linux Mint atau OS dasar.
• 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 Ubuntu 20.04 LTS Focal Fossa

Langkah 1. Pertama, pastikan bahwa semua paket sistem Anda mutakhir dengan menjalankan apt berikut perintah di terminal.

sudo apt update
sudo apt upgrade

Langkah 2. Menginstal Node.js.

Sekarang kami menambahkan PPA Node.js ke sistem Ubuntu Anda:

curl -sL https://deb.nodesource.com/setup_14.x | sudo bash -

Selanjutnya, jalankan perintah berikut untuk menginstal Node.js:

sudo apt install nodejs

Anda juga dapat menginstal manajer paket Yarn pada sistem Ubuntu Anda:

npm install -g yarn

Langkah 3. Buat Aplikasi React.js Baru.

Anda dapat membuat aplikasi React.js menggunakan salah satu perintah berikut:

yarn create react-app myreactapp

Pada pembuatan aplikasi yang berhasil, Anda akan melihat hasil yang panjang di layar:

Success! Created reactproject at /opt/reactproject
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 reactproject
  npm start

Setelah Anda membuat aplikasi React Anda. Ini akan membuat folder di direktori saat ini dengan nama proyek. Beralih ke proyek itu dan jalankan yarn start untuk memulai aplikasi:

cd myreactapp
yarn start

Keluaran:

Compiled successfully!

You can now view myreactapp in the browser.

  http://localhost:3000

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

Selamat! Anda telah berhasil menginstal ReactJS. Terima kasih telah menggunakan tutorial ini untuk menginstal ReactJS di sistem Focal Fossa Ubuntu 20.04 LTS Anda. Untuk bantuan tambahan atau informasi berguna, kami sarankan Anda memeriksa ReactJS resmi situs web.