Статьи для тех, кто
выводит стек в прод
Материалы о React, Node.js, TypeScript и AI. Переведённый текст показывается, если он есть. Если нет — вы видите английский текст и пометку об этом.
Тег: Redux
Восемь способов улучшения отрисовки в React, позволяющих сократить количество перерисовок на 80% без переписывания кода.
Сначала настройте профиль, затем примените memo, useMemo, useCallback, транзиции, виртуализацию списков, разделение кода и узкие селекторы для ускорения работы крупной панели управления в React.
5 мин чтенияКонтекст, состояние или Redux Toolkit: выбор в зависимости от сложности перехода
Выбирайте инструменты управления состоянием в React в зависимости от сложности переходов, а не от размера приложения: Context распространяет зависимости дерева, Zustand упрощает подписки, Redux Toolkit моделирует переходы.
4 мин чтенияКонтекст, Redux Toolkit и Zustand для управления состоянием в React
На видеопортале о React сравниваются Context, Redux Toolkit и Zustand; затем они сочетаются с TanStack Query, чтобы состояние сервера больше не хранилось в клиентском хранилище.
32 мин чтенияПочему Redux или Zustand подходят для ситуаций с множеством авторов, а не множеством читателей
Количество читателей — это недостаточная причина для создания хранилища данных клиента. Когда несколько авторов работают с одними и теми же данными — например, корзиной покупок — тогда и приходят в дело функции уменьшения объема данных, повторная обработка и прямые тесты.
10 мин чтенияСостояние области применения в зависимости от срока жизни: когда React Portal действительно нужен глобальный хранилище
Узнайте, как определять, куда должен находиться состояние React Portal по его владельцу и сроку жизни, почему глобальные хранилища приводят к ошибкам при очистке, и в каких случаях действительно оправданы использование Redux или Zustand.
4 мин чтенияДолг фронтенда как стоимость изменений: диагностика растущей базы кода React
Научитесь распознавать кумулятивные решения, из-за которых изменение крупных приложений на React, Redux, TypeScript и Next.js становится дорогостоящим, а также как постепенно снижать этот долг.
18 мин чтенияАутентификация в React, загрузка данных и обработка ошибок: Axios, React Router, Redux, TanStack Query
Десять ошибок в React, связанных с аутентификацией, загрузкой данных и обработкой ошибок, которые были устранены с помощью интерцепторов Axios, загрузчиков React Router, промежуточных компонентов Redux, TanStack Query и границ обработки ошибок.
15 мин чтенияRedux Toolkit от первоначальной версии до обработки асинхронных данных: рабочая модель понимания
Узнайте, как хранилище Redux Toolkit, его сегменты, редьюсеры на основе Immer, селекторы и createAsyncThunk взаимодействуют друг с другом, на примере счётчика, корзины покупок и списка товаров.
9 мин чтенияКак React-Redux принимает решение о перерисовке: селекторы, проверка равенства и типизированные хуки
Руководство по изучению внутреннего устройства React-Redux: Provider, проверка равенства с useSelector, мемоизированные селекторы, функция connect(), типизированные хуки с withTypes() и редкие крайние случаи.
34 мин чтения
О этих статьях
Оценка за 24 часа
Нужен такой же стек в операторском слое? Пришлите бриф — оценка за 24 часа.