На странице собраны вопросы по React — от проверки базовых принципов до практического применения и архитектурных решений. В подборке чаще встречаются темы: frontend, react, optimization.
React.memo — HOC, предназначенный для оптимизации рендеринга сохраняет результат рендеринга компонента по умолчанию выполняет поверхностное сравнение пропсов исключает лишние рендеры, когда пропсы остаются прежними…
Хук React для стабильных ID обеспечивает одинаковые идентификаторы при серверном и клиентском рендеринге устраняет рассогласование между SSR и CSR (Mismatch) случайно сгенерированные ID способны изменяться при каждом…
Зачем нужны State Manager и Контекст, если можно использовать обычные переменные? состояние управляется централизованно и предсказуемо локальные переменные не подходят для сложных связей между компонентами снижается…
Зачем нужны useMemo и useCallback и как работает мемоизация? React hooks для оптимизации производительности useMemo сохраняет результат функции useCallback сохраняет саму функцию (callback) Оба хука помогают избежать…
Зачем нужны методы call, apply и bind в JavaScript? Позволяют явно задавать контекст выполнения функции (this) call: запускает функцию, получая аргументы через запятую apply: запускает функцию, принимая аргументы…
CSS-позиционирование: абсолютное позиционирование Сочетание top: 50% и left: 50% помещает элемент в точку с такими координатами относительно родительского контейнера однако привязывает к этой точке угол элемента, а не…
Применение componentDidCatch в React метод жизненного цикла классового компонента, предназначенный для обработки ошибок перехватывает ошибки, возникающие в дочерних компонентах получает два аргумента: error и info,…
Тестирование React выполняется за счёт эмуляции DOM Jest применяет jsdom — реализацию DOM для Node.js jsdom формирует виртуальное DOM-окружение React-компоненты рендерятся внутри jsdom, а не в браузере Эмуляция…
Каким образом Next.js оптимизирует изображения? Для оптимизации изображений Next.js предлагает встроенный компонент <Image>. Он автоматически применяет ленивую загрузку (lazy loading): файл запрашивается только после…
В React Router навигация строится на сопоставлении URL с объявленными маршрутами (routes). Если адрес не соответствует ни одному из настроенных маршрутов, React Router не рендерит связанный с ним компонент. Для таких…
Как React выполняет render? React формирует рендеринг UI на основании текущих пропсов и состояния При вызове render() создаётся виртуальное DOM-дерево (Virtual DOM) Полученное Virtual DOM сопоставляется с предыдущим…