Adakah anda menggunakan cangkuk tersuai dalam React betul?

Cakuk tersuai ialah kaedah yang membantu kami mencipta dan mengekalkan fungsi di luar komponen yang boleh digunakan semula dan dipanggil merentas pelbagai komponen dalam aplikasi.
Adakah ia terdengar biasa? Ya, ia pada asasnya adalah fungsi util yang cenderung kami simpan dalam utils.js semasa kami bekerja sebelum cangkuk ribut atau sebelum mula menggunakan perpustakaan seperti React atau Angular.

Selain itu, ini ialah contoh yang sesuai untuk Penyongsangan Ketergantungan dalam prinsip S.O.L.I.D.

Di sini daripada menyimpannya sebagai fungsi dalam fail js, kami menyimpannya sebagai cangkuk yang boleh dipanggil di bahagian atas komponen.

Mengapa menggunakan cangkuk tersuai?

Apabila aplikasi berkembang dalam saiz, adalah penting untuk mengabstraksikan logik di luar komponen yang boleh digunakan semula. Ia membantu kami meningkatkan modulariti kod. Dengan mengalihkan logik sedemikian ke luar, anda boleh menyimpan banyak Komponen hanya sebagai komponen pembentangan.

Dengan mencipta cangkuk tersuai anda sendiri, anda mengelak daripada menggunakan pustaka luaran untuk menambah fungsi baharu sekali gus menjimatkan ruang dan kos penyelenggaraan.

Memandangkan cangkuk tersuai bertujuan untuk digunakan di atas komponen seperti cangkuk terbina dalam, anda boleh menggunakan useState, useEffect atau bahkan cangkuk tersuai di dalam yang sama.

Mata yang perlu diingat semasa membuat cangkuk

• Mulakan dengan kata kunci "gunakan".
• Pastikan prinsip PADAT dalam fikiran — Cangkuk harus melakukan satu perkara sahaja.
• Tentukan jenis sebelum digunakan untuk params — Jika skrip taip — bagus.
• Hendaklah digunakan hanya di bahagian atas komponen yang anda gunakan
• Jangan tambahkan param atau pilihan baharu memikirkan ia mungkin akan datang pada masa hadapan. Simpan ruang untuk penskalaan; apabila ada keperluan, kita boleh memanjangkan keupayaan cangkuk

Untuk artikel lengkap, sila layari blog medium.

Atas ialah kandungan terperinci Adakah anda menggunakan cangkuk tersuai dalam React betul?. Untuk maklumat lanjut, sila ikut artikel berkaitan lain di laman web China PHP!