Как спроектировать спецификацию фронтенда для рабочего места менеджера с CRUD? интерфейс back office для управления заказами базовый набор операций: CRUD (Create, Read, Update, Delete) над заказами экран списка…
Типизация — это контроль типов данных во время компиляции или выполнения программы. Статическая типизация (TypeScript, Flow) позволяет обнаружить ошибки еще до запуска приложения. Динамическая типизация с проверками…
Как сократить количество рендеров в React оптимизировать компоненты React сократить число лишних обновлений мемоизировать функциональные компоненты с помощью React.memo использовать shouldComponentUpdate или…
Как управлять состоянием в React? Для локального состояния в React используют useState — это простой и быстрый вариант Если логика сложная, а изменения имеют вложенную структуру, применяют useReducer Для глобального…
Как устроен цикл событий (event loop) и как он выполняет асинхронный код? механизм организации асинхронности в JavaScript и средах его выполнения функционирует до тех пор, пока в очереди остаются задачи работает со…
Как устроена асинхронность в JavaScript? событийная модель выполнения (event loop) call stack — стек, в котором исполняются синхронные функции message queue — очередь задач для асинхронных колбеков Web APIs — таймеры,…
появились в ES6 и используют синтаксис function* вместе с yield это итератор, выполнение которого можно приостанавливать и возобновлять метод .next() возвращает объект вида {value, done} yield передаёт наружу…
Как эмулировать position: sticky при отсутствии поддержки CSS не предлагает прямой fallback без JavaScript Применять отслеживание прокрутки через JS с помощью события scroll Определять положение элемента относительно…
Middleware в Redux расширяет dispatch и добавляет поддержку асинхронных операций redux-thunk: action может быть функцией, подходит для простой асинхронной логики redux-saga: генераторы для сложных async-потоков и…
Основные значения display CSS-свойство, определяющее способ отображения элементов block: занимает всю доступную ширину и начинается с новой строки inline: размещается в одной строке и имеет ширину по содержимому…
Использование внешних UI-китов использовал Material UI — зрелый компонентный фреймворк для React работал с Ant Design (NDesign), предлагающим богатый набор компонентов для бизнес-приложений применял ShadCN UI —…
Значения свойства position и сценарии их применения position: static — стандартное значение: элемент остаётся в обычном потоке и не перемещается вручную. Подходит для базовой компоновки без специальных эффектов.…