Статьи для тех, кто
выводит стек в прод
Материалы о React, Node.js, TypeScript и AI. Переведённый текст показывается, если он есть. Если нет — вы видите английский текст и пометку об этом.
Тег: State Management
Предсказуемая база React с использованием TypeScript, Zustand и типизированных сервисов
Небольшой скелет на React, TypeScript и Zustand, который разделяет хранилища данных, типизированные API-сервисы и компоненты, а также содержит правила по структуре, обработке асинхронного состояния и тестированию.
5 мин чтенияУправление слоями в приложении с потоковой передачей данных в React: Context, Redux Toolkit и RTK Query
Пройдите обучение по фронтенду для потоковой передачи видео, начиная с использования prop drilling, переходя к вложенным провайдерам, Redux Toolkit slices и RTK Query, и узнайте, какой тип состояния подходит для каждого инструмента.
8 мин чтенияZustand против Redux Toolkit против Context: менеджеры состояния в React по метрикам Renders и размеру бандла
Одно приложение для управления корзиной, созданное с использованием восьми шаблонов состояния React, с измерением количества ненужных отрисовок и размера сжатого пакета: что говорят цифры о Zustand и Redux Toolkit.
9 мин чтенияСостояние области применения в зависимости от срока жизни: когда React Portal действительно нужен глобальный хранилище
Узнайте, как определять, куда должен находиться состояние React Portal по его владельцу и сроку жизни, почему глобальные хранилища приводят к ошибкам при очистке, и в каких случаях действительно оправданы использование Redux или Zustand.
4 мин чтенияСостояние против границ TanStack Query в реальном времени в монорепозитории Next.js
Изучите четкое правило принадлежности для состояния интерфейса, серверного состояния и событий в реальном времени в коллаборативном монорепозитории Next.js с использованием Zustand, TanStack Query и сокетов.
10 мин чтенияКлючи React как идентификатор компонента: сохранение и сброс состояния
Ключи React определяют, какая инстанция компонента останется после отрисовки. Как индексные ключи приводят к утечке состояния между строками и как изменение ключа намеренно сбрасывает форму.
6 мин чтенияПочему функция push() делает интерфейс React устаревшим и как новые ссылки это исправляют
Поймите, почему изменение массивов в useState никогда не вызывает перерисовку, как работает проверка ссылок в React, и когда следует использовать копии с расширением и функциональные обновления.
6 мин чтенияRedux Toolkit от первоначальной версии до обработки асинхронных данных: рабочая модель понимания
Узнайте, как хранилище Redux Toolkit, его сегменты, редьюсеры на основе Immer, селекторы и createAsyncThunk взаимодействуют друг с другом, на примере счётчика, корзины покупок и списка товаров.
9 мин чтенияЗамена флагов загрузки в Angular с использованием объединения состояний AsyncState с дискриминатором
Моделируйте асинхронные операции в Angular как один типизированный союз, получайте логические значения с помощью вычисляемых сигналов и управляйте каждым переходом состояния с помощью единственного оператора RxJS.
11 мин чтения
О этих статьях
Оценка за 24 часа
Нужен такой же стек в операторском слое? Пришлите бриф — оценка за 24 часа.