Pertukaran Data antara Aplikasi Redux dan Pelayan

Bahagian ini adalah untuk pelajar yang mahir, yang tidak berhenti pada apa yang telah dicapai dalam Redux dan memutuskan untuk meneruskan hingga akhir tutorial ini. Dalam dua bahagian seterusnya, kita akan menyentuh kerja aplikasi Redux dengan logik tak segerak, menghubungkan aplikasi kita dengan bahagian pelayan dan mempelajari cara untuk bertukar data dengannya.

Dari bahagian sebelumnya, kita tahu bahawa asas kerja aplikasi Redux adalah mekanisme segerak. Peringkat utama kerja melibatkan penghantaran tindakan apabila berlakunya sesuatu peristiwa dalam aplikasi, kemudian mengemaskini keadaan dalam store dengan fungsi pengurang, memberitahu komponen aplikasi tentang perubahan keadaan dan seterusnya memaparkan nilai keadaan baru dalam komponen.

Dalam kehidupan sebenar, sering berlaku bahawa aplikasi memerlukan logik tak segerak juga, contohnya apabila bekerja dengan permintaan HTTP API dan menerima data dari pelayan luar. Oleh itu, untuk membolehkan Redux store 'segerak' kita bekerja dengan logik tak segerak sedemikian, perisian perantaraan yang dipanggil middleware digunakan - perisian yang bertindak sebagai perantara atau penghubung antara store aplikasi kita dan, contohnya, pelayan, yang akan kita mula bekerja dengannya dalam bab tutorial ini.

Banyak middleware sedemikian telah dicipta untuk Redux, namun yang paling luas digunakan dalam kalangannya dan masih disyorkan secara rasmi untuk kerja aplikasi Redux dengan logik tak segerak ialah Redux Thunk. Perisian ini membantu kita menggunakan fungsi biasa (atau thunk), yang boleh mengandungi logik tak segerak di dalamnya, seperti setTimeout, Promises, async/await, untuk berinteraksi dengan store kita. Berkenaan istilah itu sendiri, thunk ialah kod yang melakukan kerja tertunda.

Sekarang, setelah kita berkenalan sedikit dengan cara untuk bekerja dalam Redux dengan logik tak segerak, kita boleh mula melaksanakan peringkat ini dalam aplikasi kita. Kita perlu membolehkan aplikasi kita berinteraksi dengan pelayan luar, menerima daripadanya dan menghantar data kepadanya. Dalam erti kata lain, di hadapan kita menanti topik yang menarik dan sangat penting. Mari kita mulakan.