Apakah pemalam yang ada untuk bertindak balas?

Pemalam React termasuk: 1. Redux, yang menyediakan pengurusan keadaan yang boleh diramalkan; . Dva, penyelesaian aliran data berdasarkan redux dan redux-saga 5. Reka bentuk semut, pustaka komponen UI React, pustaka ikon kaya berdasarkan React 7. Viser, perpustakaan visualisasi;

Persekitaran pengendalian tutorial ini: sistem Windows 7, versi react18, komputer Dell G3.

Untuk meningkatkan kecekapan membangunkan projek React, berikut ialah ringkasan beberapa pemalam yang biasa digunakan untuk projek React.

1. Pengurusan negeri

• Redux: bekas keadaan JavaScript, menyediakan pengurusan keadaan yang boleh diramal

• MobX: Menjadikan pengurusan keadaan mudah dan berskala melalui pengaturcaraan reaktif berfungsi

• Redux Thunk: Perisian tengah pemprosesan tak segerak untuk Redux

• Redux Saga: Redux middleware, digunakan untuk mengurus Kesan Sampingan aplikasi (kesan sampingan, seperti pemerolehan data tak segerak, akses kepada cache penyemak imbas, dll.)

• Dva: Penyelesaian aliran data berasaskan pada redux dan redux-saga

2 pustaka komponen UI

• Reka bentuk semut: Pustaka komponen UI React berdasarkan sistem reka bentuk Ant Design, terutamanya digunakan untuk membangunkan produk pertengahan dan belakang peringkat perusahaan

• Mudah alih reka bentuk Ant: Mudah alih UI React berdasarkan sistem reka bentuk Ant Design End perpustakaan komponen

• MaterialUI: Pustaka UI React paling popular di dunia berdasarkan reka bentuk tekstur

• Kotak alat React: Satu set fungsi menggunakan modul CSS React komponen yang melaksanakan spesifikasi Reka Bentuk Bahan Google

• React Virtualized: penyelesaian React yang boleh menghasilkan senarai dan jadual yang besar

• UI Fabrik: Koleksi Rangka kerja UX sumber terbuka Microsoft untuk mencipta aplikasi merentas platform yang cantik yang berkongsi kod, reka bentuk dan tingkah laku interaktif

• Desktop React: Pustaka JavaScript berasaskan React yang direka untuk membawa pengalaman desktop ini ke web dengan banyak komponen macOS Sierra dan Windows 10 disertakan. react-desktop berintegrasi sempurna dengan NW.js dan Electron.js, tetapi boleh digunakan dalam mana-mana projek dipacu JavaScript

• Zent: Spesifikasi WebUI sebelah PC Youzan Pelaksanaan React, menyediakan A lengkap set komponen UI asas dan beberapa komponen perniagaan yang biasa digunakan

• ikon reaksi: Perpustakaan ikon kaya berdasarkan pembungkusan React

3. Kelas alat

• react-copy-to-clipboard: Salinan berasaskan tindak balas kepada komponen papan keratan

• qrcode.react: Komponen berasaskan tindak balas untuk menjana kod QR

• nprogress: Komponen bar kemajuan teratas sesuai untuk YouTube, Medium, dsb.

• react-syntax-highlighter: Komponen penyerlahan kod berasaskan tindak balas

• react-contextmenu: komponen menu klik kanan

• emoji -mart : Pustaka emotikon berasaskan tindak balas

• perkataan-serlah-tindak balas: Penyerlahan kata kunci berasaskan tindak balas

4 Visualisasi

• AntV: termasuk G2, G6, F2, L7 dan set lengkap penggunaan carta dan spesifikasi reka bentuk, menyediakan keperluan visualisasi data yang berkuasa

• G2Plot: perpustakaan komponen visual yang luar biasa berdasarkan pembungkusan G2

• carta semula: carta tersuai yang dibina menggunakan Pustaka React dan D3

• Viser: perpustakaan visualisasi yang menyokong pelbagai rangka kerja arus perdana

5 >

Halogen: Satu koleksi memuatkan animasi menggunakan React

• react-move: Cantik, animasi React dipacu data, hanya 3.5kb (gzip)

• react-spring: Perpustakaan animasi berdasarkan fizik musim bunga

• Ant Motion: Menyediakan animasi tunggal dan gabungan, dan set lengkap penyelesaian animasi

• scenejs: perpustakaan animasi berdasarkan JavaScript dan garis masa CSS

• react-text-loop: text carousel Animation

6. Seret/Isih

react-beautiful-dnd: cantik , Seret dan lepas senarai mudah alih

• react-dnd: membantu kami membina antara muka drag-and-drop yang kompleks sambil memastikan komponen diasingkan

• react-moveable: Pustaka seretan yang fleksibel dan berkuasa yang menyokong penyeretan, penskalaan dan talian rujukan percuma

• susun atur-grid-tindak balas: Pustaka seret, isihan dan zum grid yang berkuasa

• mixitup: perpustakaan animasi pengisihan kad senarai yang berkuasa

7 pemprosesan imej

bertindak balas. -pangkas-imej: Perpustakaan pemangkasan imej yang berkuasa

• garis percikan gerak balas: Menjana garis arah aliran secara automatik berdasarkan data

• dom-to-imej : Pustaka kanvas yang menjana imej berdasarkan DOM

• react-img-editor: Editor imej

8. Berkaitan dengan editor

• braft-editor: editor teks kaya

• powerNice: markdown/editor teks kaya

• GGEditor: editor graf visual

• react-codemirror2: Code editor

• jsoneditor: json editor

• h5-dooring: H5 editor page

9. Peta berkaitan

• google-map-react: pemalam peta Google

• react-amap : Pemalam peta Gaode

• @uiw/react-baidu-map: Peta Baidu

10. Perancah

• Buat Apl React: Perancah kalis bodoh React yang mesti ada untuk pemula

• Next.js: Bina Perancah React yang diberikan oleh bahagian pelayan

• umi: rangka kerja aplikasi bahagian hadapan peringkat perusahaan

• webpack3_react: serasi dengan IE9 dan menyediakan React yang lengkap penyelesaian baldi keluarga

[Cadangan berkaitan: Tutorial video Redis]

Atas ialah kandungan terperinci Apakah pemalam yang ada untuk bertindak balas?. Untuk maklumat lanjut, sila ikut artikel berkaitan lain di laman web China PHP!