Apakah maksud antd dan dva dalam tindak balas?

In react, antd ialah pustaka komponen UI React berdasarkan Reka Bentuk Ant, yang digunakan terutamanya untuk membangunkan produk pertengahan dan belakang peringkat perusahaan dva ialah penyelesaian aliran data berdasarkan redux dan "redux-; saga", dengan terbina dalam " "react-router" dan fetch boleh difahami sebagai rangka kerja aplikasi.

Persekitaran pengendalian tutorial ini: Sistem Windows 10, bertindak balas versi 17.0.1, komputer Dell G3.

Apakah maksud antd dan dva dalam tindak balas

antd

antd ialah perpustakaan komponen UI React berdasarkan sistem reka bentuk Ant Design, yang digunakan terutamanya untuk penyelidikan dan pembangunan Produk pertengahan dan belakang peringkat perusahaan.

Ciri

• Dipetik daripada bahasa interaktif dan gaya visual produk pertengahan dan belakang peringkat perusahaan.

• Komponen React berkualiti tinggi di luar kotak.

• Dibina menggunakan TypeScript, menyediakan fail definisi jenis lengkap.

• Pembangunan pautan penuh dan sistem alat reka bentuk

Kaedah aplikasi

1 Perintah berikut)

   npm install antd --save

2. Rujukan

untuk merujuk pemalam dalam fail global Contohnya:

import 'antd/dist/antd.css';

3. Muatkan atas permintaan (muat apa sahaja pemalam yang diperlukan secara langsung) )

 import Button from 'antd/lib/button';
        import 'antd/lib/button/style';

dva

dva ialah penyelesaian aliran data berdasarkan redux dan redux-saga memudahkan pengalaman pembangunan, dva juga mempunyai penghala tindak balas terbina dalam dan ambil, jadi ia juga boleh difahami sebagai rangka kerja aplikasi yang ringan.

dva ialah rangka kerja aplikasi satu halaman yang dilancarkan oleh Ant Financial, yang menyediakan enkapsulasi lapisan atas redux, react-router dan redux-saga. redux-saga ialah perisian tengah yang digunakan untuk mengurus operasi tak segerak bagi aplikasi redux-saga mengumpulkan semua logik operasi tak segerak di satu tempat dengan mencipta sagas dan boleh digunakan untuk menggantikan perisian tengah redux-thunk

Ini bermakna bahawa logik aplikasi akan wujud di dua tempat

(1) pengurang bertanggungjawab untuk memproses kemas kini peringkat tindakan

(2) sagas bertanggungjawab untuk menyelaraskan operasi kompleks atau tak segerak

Sagas dicipta melalui fungsi penjana

Sagas boleh dianggap sebagai proses yang berjalan di latar belakang. sagas mendengar tindakan yang dimulakan, dan kemudian memutuskan perkara yang perlu dilakukan berdasarkan tindakan ini (contohnya: sama ada untuk memulakan permintaan tak segerak, memulakan tindakan lain ke kedai atau menghubungi kisah lain, dsb.

Kerana fungsi penjana digunakan, redux -saga membolehkan anda menulis kod asynchronous dengan cara segerak

Projek React memperkenalkan Dva

Pasang dva pertama (versi semasa 2.4.1)

npm install dva —save

Rujuk dokumentasi rasmi, projek transformasi berada dalam mod dva, tambah atau ubah suai fail masukan index.js di bawah src

import dva from ‘dva’;
import createHistory from ‘history/createHashHistory’;
 
//1.Initialize
const app = dva({
history: createHistory(),
});
 
//2.Plugins
//app.use({});
 
//3.Model
//app.model(require(‘./models/app’).default);
 
//4.Router
app.router(require(‘./router’).default);
 
//5.Start
app.start(‘#root’);

Pembelajaran yang disyorkan: " tutorial video reaksi"

Atas ialah kandungan terperinci Apakah maksud antd dan dva dalam tindak balas?. Untuk maklumat lanjut, sila ikut artikel berkaitan lain di laman web China PHP!