Почему Next.js выбирают вместо обычного React Фреймворк на основе React, дополненный готовыми инструментами Поддержка SSR (Server-Side Rendering) и SSG (Static Site Generation) для ускорения загрузки и улучшения SEO…
Зачем используют ref? React: прямой доступ к DOM или компонентам хранение мутабельных данных без повторного рендера управление фокусом, выделением, анимациями замена прямых манипуляций через чистый JS применяется с…
Оптимизация производительности React-компонента с галереей и большим списком профилирование производительности: сначала запустить React Profiler и вкладку Performance tab в Chrome DevTools, чтобы получить измерения…
производительность UI, оптимизация отображения использовать виртуализацию (windowing): выводить только элементы, находящиеся в области видимости подключать ленивую загрузку (lazy load элементов по мере прокрутки)…
Как правильно использовать keys в React? keys служат уникальными идентификаторами элементов в списках React позволяют React эффективно обновлять DOM за счёт сравнения элементов должны оставаться стабильными и…
React Error Boundaries: класс с методом componentDidCatch Перехватывают ошибки дочерних компонентов и не позволяют им разрушить всё дерево Дают возможность отобразить резервный UI вместо компонента с ошибкой…
Реализация аккордеона с бесконечной вложенностью и оптимизация рендеринга структура: каждый узел представлен рекурсивным компонентом, который получает массив дочерних элементов управление: состояние раскрытия можно…
Всю игровую логику и интерфейс можно разместить в одном MonoBehaviour Один скрипт будет отвечать за игровое поле, обработку ввода, поиск совпадений и его обновление Состоянием игры можно управлять через внутренние…
Frontend, формы и валидация Один общий onChange для всех элементов формы Идентификация поля через атрибут name В обработчике используются event.target.name и event.target.value Состояние изменяется по ключу name с…
Как управлять состоянием в React? Для локального состояния в React используют useState — это простой и быстрый вариант Если логика сложная, а изменения имеют вложенную структуру, применяют useReducer Для глобального…
Жизненный цикл компонентов в React Компонент React проходит последовательные этапы — от рендера до удаления Для классовых компонентов выделяют 3 фазы: Mounting, Updating и Unmounting Mounting: constructor → render →…