На странице собраны вопросы по React — от проверки базовых принципов до практического применения и архитектурных решений. В подборке чаще встречаются темы: frontend, react, optimization.
JavaScript однопоточный или многопоточный? В среде выполнения браузера и Node.js JavaScript является однопоточным языком Программа исполняется в главном потоке, которым управляет event loop Асинхронное выполнение…
Колбэки MutationObserver: микротаски или макротаски? MutationObserver — API для наблюдения за изменениями в DOM. Колбэки MutationObserver помещаются в очередь микротасков. Они запускаются после завершения всех…
Ключевое различие между Jest с jsdom и реальным браузером Jest + jsdom — программная модель DOM, работающая в Node.js jsdom поддерживает только часть DOM API и не воспроизводит все возможности браузера в нём…
Разница между useMemo и useCallback React-хуки для оптимизации производительности useMemo: сохраняет вычисленное значение (результат функции) useCallback: сохраняет ссылку на функцию useMemo возвращает кэшированный…
Разница между оператором spread (...) и rest-параметрами Область применения: JavaScript, синтаксис функций и коллекций spread — раскрывает элементы массива или объекта, превращая их в аргументы либо свойства rest —…
Ключевые отличия React 18 от React 17: автобатчинг и Fiber React 18 использует обновлённый движок Fiber с более широкими возможностями Автобатчинг автоматически объединяет несколько изменений состояния в один…
Преимущества CSS Grid и Flexbox CSS Grid — мощный двухмерный инструмент для построения интерфейсов Позволяет одновременно управлять строками и колонками Оптимален для сложных макетов с фиксированной или адаптивной сеткой
Почему Next.js выбирают вместо обычного React Фреймворк на основе React, дополненный готовыми инструментами Поддержка SSR (Server-Side Rendering) и SSG (Static Site Generation) для ускорения загрузки и улучшения SEO…
Web Worker — отдельный фоновый поток, выполняющий задачи независимо от основного потока браузера Он работает асинхронно и не блокирует UI Прямого доступа к DOM нет: взаимодействие выполняется только через message…
Controlled и uncontrolled компоненты Управление состоянием: в controlled-компонентах React хранит его через props и setState, а в uncontrolled-компонентах состояние остаётся внутри DOM Источник данных:…
CSS-способы скрытия элементов и их последствия opacity: элемент становится визуально невидимым, но сохраняет место в потоке и может получать события (при прозрачности) visibility: hidden: элемент не виден и недоступен…
Классовые и функциональные компоненты в React компоненты, используемые для создания UI классовые: классы ES6 с this, где жизненный цикл реализуется через специальные методы функциональные: обычные функции,…