Perancah React termasuk: 1. Buat React App; 3. Gatsby;
Persekitaran pengendalian tutorial ini: sistem Windows 7, bertindak balas versi 17.0.1, komputer Dell G3.
1. Memahami perancah
1.1.1 Komplikasi kejuruteraan bahagian hadapan
Jika kita Hanya Membangunkan beberapa program demo kecil, maka anda tidak perlu mempertimbangkan beberapa isu yang rumit:
-
Sebagai contoh, cara menyusun dan membahagikan struktur direktori; >
Contohnya Cara menguruskan kebergantungan bersama antara fail; Contohnya, bagaimana untuk memampatkan dan membungkus projek sebelum mengeluarkan Projek; telah menjadi lebih kompleks: Ia tidak lagi semudah memperkenalkan beberapa fail css ke dalam HTML, beberapa fail js bertulis atau fail js pihak ketiga
Sebagai contoh, css boleh digunakan Apabila menulis prapemproses seperti less dan sass, kita perlu menukarnya menjadi css biasa sebelum ia boleh dihuraikan oleh penyemak imbas; >Sebagai contoh, kod JavaScript tidak lagi hanya ditulis dalam beberapa fail, sebaliknya, ia terdiri daripada ratusan atau ribuan fail melalui modularisasi 🎜>- Contohnya, jika projek memerlukan Bergantung pada banyak perpustakaan pihak ketiga, cara mengurusnya dengan lebih baik (seperti mengurus kebergantungan mereka, peningkatan versi, dsb.);
Untuk menyelesaikan masalah di atas, kita perlu mempelajari beberapa alat lagi :
Seperti babel, webpack, gulp. Konfigurasikan peraturan penukaran mereka, kebergantungan pembungkusan, kemas kini hangat, dsb.; 🎜>
Kemunculan scaffolding membantu kami menyelesaikan siri masalah ini;
- Perancah tradisional merujuk kepada struktur dalam seni bina: bingkai sementara yang dibina semasa membina bangunan atau bangunan; pengaturcaraan sebenarnya adalah alat yang membantu kami menjana struktur kejuruteraan projek dengan cepat; >
Memandangkan mereka serupa, tidak perlu membinanya dari awal setiap kali Kami boleh menggunakan beberapa alatan untuk membantu kami menghasilkan templat Kejuruteraan asas Untuk projek yang berbeza, anda boleh membangunkan projek atau membuat beberapa pengubahsuaian ringkas pada konfigurasi berdasarkan templat ini -
Ini juga secara tidak langsung boleh memastikan ketekalan struktur asas projek dan memudahkan kemudiannya; penyelenggaraan;
Ringkasan: Perancah membolehkan keseluruhan projek daripada pembinaan kepada pembangunan hingga penggunaannya; perancah bertindak balas
1 Perancah disyorkan secara rasmi- (https://react.docschina.org/docs /create-a-new-react-app.html) Sebenarnya terdapat banyak perancah untuk bertindak balas, antaranya perancah yang disyorkan secara rasmi adalah seperti berikut:
-
Buat Apl React : Jika anda sedang belajar React atau mencipta aplikasi satu halaman baharu
Next.js: Jika anda menggunakan Node.js untuk membina tapak web yang diberikan sebelah pelayan
Gatsby: Jika anda sedang membina kandungan- laman web statik berorientasikan
nwb: Toolkit untuk aplikasi React, perpustakaan dan modul npm web lain
razzle: Cipta aplikasi JavaScript universal yang diberikan pelayan tanpa konfigurasi
Neutrino: Cipta dan bina aplikasi JavaScript moden dengan konfigurasi awal sifar
- 2 perancah lain
perancah react-cli
Perancah Rekit
[Cadangan berkaitan: Video Redis tutorial]
Atas ialah kandungan terperinci Apakah perancah tindak balas?. Untuk maklumat lanjut, sila ikut artikel berkaitan lain di laman web China PHP!