Включает оптимизацию производительности React, переполнение стека, спецификации использования хуков и т. д.
1. Правильно определить тип useRef
2. Получить неэкспонированные реквизиты из внешней библиотеки
Мы часто сталкиваемся с такими сценариями в сторонних библиотеках компонентов. К счастью, React предоставляет тип для обработки таких сценариев.
3. Оптимизация для одноразового статуса
Если какое-то состояние используется только один раз, его можно оптимизировать с помощью useMemo, чтобы избежать бесполезного повторного рендеринга.
Или вы также можете использовать useRef, как указано выше.
4. Работа по очистке useEffect
- Очистить setTimeout / setInterval
Устранение утечек памяти, вызванных асинхронными запросами, которые не были остановлены при выгрузке компонента.
Вот два лучших способа, которые могут быть реализованы
- Используйте свойство CancelToken Axios
2. Используйте AbortController (не поддерживает IE). Интерфейс AbortController представляет собой объект контроллера, который позволяет прерывать один или несколько веб-запросов по мере необходимости. (ссылка из MDN)
- Сбросьте его после изменения DOM
Узнать больше
Больше контента на plainenglish.io. Подпишитесь на нашу бесплатную еженедельную рассылку новостей. Получите эксклюзивный доступ к возможностям написания и советам в нашем сообществе Discord.