Berhenti Menyekat UI: Rendering Boleh Dicelah Dalam React
Rendering React boleh membekukan antara muka pengguna anda.
Pengiraan yang berat menyekat thread utama. Pengguna anda akan melihat skrin yang membeku. Ini merosakkan pengalaman pengguna.
Rendering boleh dicelah menyelesaikan masalah ini. Ia membolehkan React menjeda kerja untuk mengendalikan input pengguna.
Cara ia berfungsi:
- React membahagikan kerja kepada cebisan kecil.
- Ia menyemak tugasan berkeutamaan tinggi seperti klik atau menaip.
- Jika pengguna berinteraksi, React menjeda tugasan latar belakang.
- React mengendalikan input terlebih dahulu.
- React menyambung semula tugasan latar belakang kemudian.
Anda menggunakan transition untuk menguruskan perkara ini. Gunakan useTransition untuk menandakan kemas kini yang tidak mendesak. Ini memberitahu React untuk memastikan UI kekal responsif.
Berhenti membiarkan pemprosesan data yang berat menjejaskan prestasi aplikasi anda.
Sumber: https://dev.to/iprajapatiparesh/stop-blocking-the-ui-interruptible-rendering-in-react-32mb