Hentikan penyalahgunaan React Context API

Beberapa hari lalu saya telah disesuaikan dengan jabatan baharu. Rakan sekerja baharu saya memberi saya tugas untuk memfaktorkan semula projek React sedia ada.

Apabila saya membaca kod itu, saya terkejut dengan cara menggunakan API Konteks. Pengekod sebelum ini, yang meletakkan segala-galanya (ya, hampir semuanya) ke dalam objek Konteks, menganggapnya sebagai stor untuk mengurus semua negeri dan juga beberapa keadaan temp tempatan. Itu gila!

Dan dia juga mengekodkan segala-galanya untuk halaman hanya dalam satu (ya, benar-benar hanya satu) komponen dalam satu fail .ts. Sangat sukar untuk saya menjelaskan dalam fikiran saya tentang logik kod itu. Tetapi saya masih menerima kod buruk ini (saya tiada pilihan), jadi saya membuat keputusan yang besar: Saya akan menulis semula semua halaman ini dalam satu minggu dengan Mobx dan membahagikan kod itu kepada komponen berfungsi yang berbeza.

Dengan Mobx, saya mencipta beberapa kedai untuk mengendalikan semua data daripada API dan membahagikan satu komponen besar kepada kepingan kecil yang berbeza; semuanya mula menjadi jelas dan mudah. Negeri tempatan hendaklah dalam skopnya di mana ia akan digunakan, bahagian biasa akan diperolehi daripada kedai Mobx.

Akhirnya saya mengalih keluar objek Konteks sepenuhnya, beribu-ribu baris kod telah dialih keluar, dan dunia kembali tenang!

Saya ingin mengatakan sesuatu tentang API Konteks. Jika anda benar-benar mempunyai sesuatu, seperti beberapa maklumat konfigurasi global untuk dikongsi ke seluruh apl, anda boleh menggunakan API Konteks, Tetapi jika anda hanya mahu mengelak daripada menggunakan beberapa perpustakaan pengurusan negeri pihak ketiga, itu idea yang tidak baik untuk menganggap konteks sebagai penggantian.

Biar Konteks menjadi Konteks dan biarkan negeri diuruskan oleh perpustakaan seperti Mobx.

Tolong hentikan penyalahgunaan React Context API!

Atas ialah kandungan terperinci Hentikan penyalahgunaan React Context API. Untuk maklumat lanjut, sila ikut artikel berkaitan lain di laman web China PHP!