Buat Aplikasi React, buat aplikasi pertama Anda dengan React Ubuntu 20.04

Pada artikel selanjutnya kita akan membahasnya bagaimana kita dapat membuat aplikasi pertama kita dengan ReactJS di Ubuntu 20.04 menggunakan Create React App. ReactJS adalah pustaka JavaScript open source yang digunakan untuk membuat antarmuka pengguna, dikelola oleh Facebook dan komunitas pengembang. ReactJS dapat digunakan dalam pengembangan aplikasi web atau aplikasi seluler.

Dalam React, juga dikenal sebagai ReactJS, data diproses di DOM. Library tambahan untuk perutean dan manajemen status diperlukan untuk menjalankan aplikasi React. Beberapa contoh perpustakaan ini adalah Redux y Bereaksi Router.

Menginstal React di Ubuntu 20.04

Untuk menginstal React di sistem kita, pertama-tama kita harus mengetahui apa itu npm dan memahami mengapa kita membutuhkannya. Npm adalah singkatan dari Node Package Manager, dan merupakan registri perangkat lunak sumber terbuka terbesar di dunia. Berisi lebih dari 800.000 paket kode. Npm gratis untuk digunakan, dan perangkat lunak publik apa pun dapat diunduh dan digunakan tanpa registrasi atau login.

Npm adalah alat manajemen ketergantungan untuk aplikasi javascript, yang membantu menginstal semua pustaka dan alat lain untuk mendukung pengembangan aplikasi JS.

Instal npm

untuk instal nodejs, yang mencakup npm, kita hanya perlu membuka terminal (Ctrl + Alt + T) dan menjalankan perintah berikut:

sudo apt install nodejs

Setelah menyelesaikan instalasi npm, kita bisa periksa versi Anda dan versi node. Kita bisa melakukan ini dengan perintah:

npm -v

Versi npm yang diinstal tergantung pada tanggal penginstalan, karena pembaruan sering dilakukan. Kami harus memastikan bahwa kami telah menginstal versi yang lebih tinggi dari 5.

untuk periksa versi node yang diinstal, perintah yang akan digunakan adalah:

node -v

Jika Anda belum menginstal npm versi terbaru di sistem Anda, Anda dapat memperbarui Node Package Manager (npm) ke versi terbaru menjalankan perintah ini di terminal:

sudo npm install -g npm@latest

Instal aplikasi create-react

Untuk menginstal lingkungan React yang produktif, kita perlu mengkonfigurasi alat seperti babel, webpack, dll ... yang rumit untuk dikonfigurasi untuk pemula di dunia React. Tetapi kami dapat menemukan beberapa alat yang akan membantu kami dalam konfigurasi. Di antara mereka akan kita temukan create-react-app, yang merupakan alat termudah untuk digunakan dan dikonfigurasi.

Create React App adalah lingkungan yang nyaman untuk mempelajari React, dan ini adalah cara terbaik untuk mulai membuat aplikasi satu halaman baru menggunakan React.

Buat Aplikasi React mengkonfigurasi lingkungan pengembangan Anda sehingga Anda dapat menggunakan fitur Javascript terbaru, memberikan pengalaman pengembangan yang baik, dan mengoptimalkan aplikasi Anda untuk produksi. Seperti yang ditunjukkan di situs web mereka, Node> = 8.10 dan npm> = 5.6 harus diinstal pada mesin Anda.

Kita bisa instal create-react-app menggunakan npm. Untuk melakukan ini, di terminal (Ctrl + Alt + T) kita hanya perlu menjalankan perintah instalasi berikut:

sudo npm install -g create-react-app

Setelah penginstalan aplikasi create-react-app selesai di sistem kami, kami bisa periksa versi yang diinstal menjalankan perintah berikut:

create-react-app --version

Membuat aplikasi React pertama

Aplikasi React pertama kami dapat dibuat hanya dengan menggunakan create-react-app. Kami hanya perlu menggunakan perintah berikut:

create-react-app mi-primera-app

Perintah di atas akan membuat aplikasi React bernama aplikasi pertama saya. Pada waktu bersamaan folder baru dengan nama aplikasi yang sama akan dibuat yang mencakup semua file, konfigurasi, dan pustaka yang diperlukan.

Menjalankan aplikasi React

Setelah proyek React dibuat, kita harus pindah ke direktori proyek dan menjalankan aplikasi React menggunakan perintah berikut di terminal (Ctrl + Alt + T):

npm start

Perintah mulai npm mulai server pengembangan yang akan melakukan seluruh proses pembangunan.

Terminal akan memberi tahu kami bahwa kami harus melakukannya buka browser dan muat aplikasi yang akan dijalankan di URL http: // localhost: 3000 secara default. Saat browser terbuka, kita akan melihat logo dan teks React di layar.

Copot pemasangan create-react-app dan npm

Pengguna kita dapat menghapus semua pustaka yang diinstal dari npm menggunakan perintah npm uninstall. Jalankan perintah berikut di terminal (Ctrl + Alt + T) untuk menghapus instalasi buat-reaksi-aplikasi:

sudo npm uninstall -g create-react-app

Begitu pula kita bisa hapus instalan npm menggunakan perintah lain ini di terminal yang sama:

sudo apt remove nodejs

Informasi lebih lanjut tentang pustaka JavaScript untuk membuat antarmuka pengguna dapat ditemukan di dokumentasi proyek.