Статті для тих, хто
виводить стек у прод
Матеріали про React, Node.js, TypeScript і AI. Перекладений текст показується, якщо він є. Якщо ні — ви бачите англійський текст і примітку про це.
Тег: State Management
Прогнозований базовий проект на React з використанням TypeScript, Zustand та типованих сервісів.
Невеликий скелет проекту на React, TypeScript та Zustand, який розділяє сховища даних, типовані сервіси API та компоненти, а також містить конвенції щодо структури, асинхронного стану та тестування.
5 хв читанняРобота зі станом у React-додатку з потоковою передачею даних: Context, Redux Toolkit та RTK Query
Пройдіть шлях через фронтенд відеострімінгу — від пропсів до вкладених провайдерів, через 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
Дізнайтеся про чітке правило власності для стану інтерфейсу, серверного стану та подій у реальному часі в колаборативному monorepo Next.js з використанням Zustand, TanStack Query та сокетів.
10 хв читанняКлючі React як ідентичність компонента: збереження та скидання стану
Ключі React визначають, яка інстанція компонента залишиться після відображення. Як індексні ключі пропускають стан між рядками та як зміна ключа навмисно скидає форму.
6 хв читанняЧому функція push() робить інтерфейс React застарілим та як нові посилання це виправляють
Зрозумійте, чому зміна масивів у useState ніколи не спричиняє переробки компонента, як працює перевірка посилань у React, та коли варто використовувати копії з розповсюдженням елементів та функціональні оновлення.
6 хв читанняRedux Toolkit від First Slice до асинхронних даних: робоча модель мислення
Дізнайтеся, як разом працюють магазин Redux Toolkit, слайси, редуктори на основі Immer, селектори та createAsyncThunk, використовуючи лічильник, кошик покупок та список продуктів.
9 хв читанняЗаміна прапорців завантаження в Angular за допомогою об’єднання Discriminated AsyncState
Моделюйте асинхронні операції в Angular як один типований союз, отримуйте булеві значення за допомогою обчислюваних сигналів та керуйте кожною зміною стану через єдиний оператор RxJS.
11 хв читання
Про ці статті
Оцінка за 24 години
Потрібен такий стек в операторському шарі? Надішліть бриф — оцінка за 24 години.