Статті для тих, хто
виводить стек у прод
Матеріали про React, Node.js, TypeScript і AI. Перекладений текст показується, якщо він є. Якщо ні — ви бачите англійський текст і примітку про це.
Тег: React Hooks
Чому React.memo продовжує перерендеруватися: ідентичність посилання в пропсах
Дізнайтеся, як React.memo порівнює пропси, чому вбудовані функції, об’єкти та масиви підривають його ефективність, як стабілізувати посилання та чому профілювання має передувати мемоїзації.
5 хв читанняМіркування щодо React Hooks через знімки відображення та компроміси.
Продвинутий модель мислення для React та React Native Hooks: знімки відображення, ефекти, refs, мемоїзація, власні Hooks та способи пояснення компромісів під час співбесід.
26 хв читанняЧи заслуговує цей хук на своє місце? Десять запитань для огляду коду React
Дізнайтеся десять конкретних запитань для перевірки, які допомагають виявити зайвий стан, застарілі ефекти, цикли відрендерування, непотрібну мемоїзацію та занадто великі компоненти у коді React Hook.
6 хв читанняЧек-лист для перевірки коду на React: похідний стан, редюсери, ефекти та Memo
Дізнайтеся, як розпізнати сім поширених проблем під час перевірки коду на React — від дублювання стану та ручного отримання даних до неправильного використання ефектів та загальної мемоізації, а також що писати замість цього.
8 хв читанняЗберігайте гачки без голівки: розділення поведінки сповіщень від їх відображення
Дізнайтеся, чому хук React, який повертає JSX, приховує частину дерева компонентів та поєднує поведінку з візуалізацією, а також як переписати його так, щоб він відображав стан.
5 хв читанняКомпоненти вищого порядку: від обгорток класів до функцій та хуків
Дізнайтеся, як працюють компоненти вищого порядку у React, як один і той самий хук-логгер виглядає у форматі класу та функції, і чому кастомні хуки замінили більшість сценаріїв використання HOC.
5 хв читанняАудит useEffect: десять поширених помилок, їхні симптоми та ефективні рішення
Впізнайте десять найпоширеніших помилок useEffect у React — від відсутності функції очищення та застарілих замикань до умов змагання та синхронізації пропсів — та застосуйте відповідні рішення.
8 хв читанняКлючі React як ідентичність компонента: збереження та скидання стану
Ключі React визначають, яка інстанція компонента залишиться після відображення. Як індексні ключі пропускають стан між рядками та як зміна ключа навмисно скидає форму.
6 хв читанняФабрики з підтримкою закриття: приватна держава, затримка відповідей, обмеження частоти та скасування дій
Дізнайтеся, як клоузури підтримують приватний стан у фабриках JavaScript, чому вони спричиняють застарілі значення у таймерах React, та як debounce, обмеження частоти викликів та функція скасування залежать від них.
7 хв читання
Про ці статті
Оцінка за 24 години
Потрібен такий стек в операторському шарі? Надішліть бриф — оцінка за 24 години.