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

Dalam artikel seterusnya kita akan melihat bagaimana kita dapat membuat aplikasi pertama kita dengan ReactJS di Ubuntu 20.04 menggunakan Create React App. ReactJS adalah pustaka JavaScript sumber terbuka yang digunakan untuk membuat antara muka pengguna, yang dikendalikan oleh Facebook dan komuniti pemaju. ReactJS dapat digunakan dalam pengembangan aplikasi web atau aplikasi mudah alih.

Dalam React, juga dikenali sebagai ReactJS, data diproses di DOM. Perpustakaan tambahan untuk pengurusan penghalaan dan keadaan diperlukan untuk menjalankan aplikasi React. Beberapa contoh perpustakaan ini adalah Redux y Reouter Penghala.

Memasang React pada Ubuntu 20.04

Untuk memasang React pada sistem kami, kita mesti terlebih dahulu mengetahui apa itu npm dan memahami mengapa kita memerlukannya. Npm bermaksud Pengurus Pakej Node, dan ini adalah pendaftaran perisian sumber terbuka terbesar di dunia. Mengandungi lebih daripada 800.000 pakej kod. Npm percuma untuk digunakan dan mana-mana perisian awam boleh dimuat turun dan digunakan tanpa pendaftaran atau log masuk.

Npm adalah alat pengurusan kebergantungan untuk aplikasi javascript, yang membantu memasang semua perpustakaan dan alat lain untuk menyokong pengembangan aplikasi JS.

Pasang npm

kepada pasang nodejs, yang merangkumi npmKita hanya perlu membuka terminal (Ctrl + Alt + T) dan melaksanakan perintah berikut:

sudo apt install nodejs

Setelah selesai pemasangan npm, kita dapat periksa versi anda dan versi nod. Kita boleh melakukan ini dengan arahan:

npm -v

Versi npm yang dipasang bergantung pada tarikh pemasangan, kerana kemas kini dilakukan dengan kerap. Kita perlu memastikan bahawa kita telah memasang versi yang lebih tinggi daripada 5.

kepada periksa versi nod yang dipasang, arahan yang akan digunakan adalah:

node -v

Sekiranya anda tidak memasang versi terbaru npm pada sistem anda, anda boleh mengemas kini Node Package Manager (npm) ke versi terkini menjalankan perintah ini di terminal:

sudo npm install -g npm@latest

Pasang aplikasi create-react-app

Untuk memasang persekitaran React yang produktif, kita perlu mengkonfigurasi alat seperti babel, beg web, dll ... yang kompleks untuk dikonfigurasi untuk pemula di dunia React. Tetapi kita dapat menemui beberapa alat yang akan membantu kita dalam konfigurasi. Antaranya kita akan dapati create-react-app, yang merupakan alat termudah untuk digunakan dan dikonfigurasi.

Buat Aplikasi React adalah persekitaran yang selesa untuk belajar React, dan ini adalah kaedah terbaik untuk mula membina aplikasi halaman tunggal baru menggunakan React.

Buat Aplikasi React untuk mengkonfigurasi persekitaran pembangunan anda supaya anda dapat menggunakan fitur Javascript terbaru, memberikan pengalaman pengembangan yang baik, dan mengoptimumkan aplikasi anda untuk produksi. Seperti yang ditunjukkan di laman web mereka, Node> = 8.10 dan npm> = 5.6 perlu dipasang pada mesin anda.

Kita boleh pasang create-react-app menggunakan npm. Untuk melakukan ini, di terminal (Ctrl + Alt + T) kita hanya perlu melaksanakan perintah pemasangan berikut:

sudo npm install -g create-react-app

Setelah pemasangan aplikasi create-react-app selesai di sistem kami, kami dapat periksa versi yang dipasang melaksanakan arahan berikut:

create-react-app --version

Membuat aplikasi React pertama

Aplikasi React pertama kami boleh dibuat hanya dengan menggunakan create-react-app. Kita hanya perlu menggunakan arahan berikut:

create-react-app mi-primera-app

Perintah di atas akan membuat aplikasi React yang dipanggil aplikasi pertama saya. Pada masa yang sama folder baru dengan nama aplikasi yang sama akan dibuat yang merangkumi semua fail, tetapan dan perpustakaan yang diperlukan.

Menjalankan aplikasi React

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

npm start

Perintah itu npm bermula mulakan pelayan pembangunan yang akan melakukan keseluruhan proses membina.

Terminal akan memberitahu bahawa kita mesti buka penyemak imbas dan muatkan aplikasi yang akan berjalan di URL http: // localhost: 3000 secara lalai. Apabila penyemak imbas dibuka, kita akan melihat logo dan teks React di skrin.

Nyahpasang create-react-app dan npm

Pengguna kita boleh menyahpasang perpustakaan yang dipasang dari npm menggunakan perintah ninstall uninstall. Jalankan arahan berikut di terminal (Ctrl + Alt + T) untuk menyahpasang buat-reaksi-aplikasi:

sudo npm uninstall -g create-react-app

Begitu juga, kita boleh nyahpasang npm menggunakan arahan lain ini di terminal yang sama:

sudo apt remove nodejs

Maklumat lebih lanjut mengenai perpustakaan JavaScript ini untuk membuat antara muka pengguna boleh didapati di dokumentasi projek.