Bagaimana Saya Menggantikan Kod dengan Just in Redux Store — Tanpa Memecahkan Apl!

Saya telah melihat corak biasa di kalangan pembangun yang bekerja dengan kedai Redux: apabila berhadapan dengan keperluan baharu tetapi berbeza sedikit, mereka sering mencipta ciri baharu dan menulis semula kod boilerplate generik, termasuk pengurang, thunks, tindakan dan perisian tengah. Ini boleh membawa kepada pengulangan yang ketara merentas pangkalan kod.

Kami tidak boleh menyalahkan sepenuhnya pembangun untuk perkara ini, kerana penyeragaman dan amalan terbaik pasukan biasanya oleh ketua pasukan....

Walau bagaimanapun, apabila API atau perkhidmatan mikro diseragamkan—di mana titik akhir seperti padam, cipta, letak dan ambil mengikut struktur yang boleh diramalkan—ada kemungkinan untuk mencipta fungsi tertib lebih tinggi yang boleh menjana pengurang dan tindakan Redux secara dinamik. Ini mengurangkan lebihan dan menggalakkan seni bina yang lebih berskala. Berikut ialah contoh cara ini boleh dilaksanakan:

https://gist.github.com/ARAldhafeeri/1ad10710bee110b9a88013984272fbbd

ia adalah 200 baris kod, dengan contoh penggunaan di sini ialah fungsinya :

1. Penciptaan Slice Redux Dinamik: Fungsi createEntitySlice menjana kepingan Redux untuk entiti (seperti tempahan atau pengguna), membolehkan pembangun membuat, membaca, mengemas kini dan memadam data dengan mudah untuk mana-mana entiti dengan kod plat dandang yang minimum.
2. Parameter Boleh Disesuaikan: Fungsi ini menerima parameter boleh disesuaikan, seperti entityName, titik akhir, extraReducers, extraThunks dan extraActions, membolehkan fleksibiliti untuk entiti yang berbeza dan keperluan khusus.
3. Base CRUD Thunks: Ia menyediakan asas asynchronous thunks untuk operasi biasa seperti mengambil, mencipta, mengemas kini, memadam dan mencari, yang berinteraksi dengan API berdasarkan titik akhir yang disediakan. Pendapat ini menguruskan panggilan API yang diperlukan dan mengendalikan ralat.
4. Pengurang untuk Pengurusan Negeri: Potongan termasuk pengurang untuk mengurus keadaan pemuatan, menyimpan data yang diambil, mengendalikan ralat dan melakukan tindakan seperti mencari dan menetapkan semula keadaan.
5. Penyepaduan Perisian Tengah: Kod ini menyepadukan perisian tengah pendengar untuk mengendalikan kesan sampingan seperti memaparkan kejayaan atau mesej ralat berdasarkan hasil operasi CRUD. Ia juga mempertingkat perisian tengah dengan keupayaan untuk menyesuaikan gelagat perubahan keadaan, seperti mencetuskan tindakan tambahan apabila syarat tertentu dipenuhi.
6. Kebolehgunaan Semula Kod Dioptimumkan: Dengan menggunakan pendekatan fungsi tertib lebih tinggi ini, pembangun boleh mengelakkan kod boilerplate berulang dan mencipta kepingan dinamik yang boleh digunakan semula untuk entiti yang berbeza tanpa menulis tindakan dan pengurang secara manual setiap kali.
7. Boleh dilanjutkan dan modular: Fungsi tertib lebih tinggi menghasilkan kefungsian yang diperlukan daripada kedai redux untuk sesuatu ciri, juga kita boleh memanjangkan segala-galanya di dalamnya daripada pengurang, kepada keadaan awal, jadi apabila titik akhir tersuai tiba yang tidak penuh ke dalam asas generik yang kami cipta, kami boleh menambahnya.

Terbaik,

Ahmed,

Atas ialah kandungan terperinci Bagaimana Saya Menggantikan Kod dengan Just in Redux Store — Tanpa Memecahkan Apl!. Untuk maklumat lanjut, sila ikut artikel berkaitan lain di laman web China PHP!