Архитектура Frontend'a для React разработчиков

054 Зачем мы качаемся технически + запуск IT-продукта.mp4

054 Зачем мы качаемся технически + запуск IT-продукта.mp4

002 Вторая версия (Чистый React, зарефаченая версия, спрятали бизнес-логику).mp4

002 Вторая версия (Чистый React, зарефаченая версия, спрятали бизнес-логику).mp4

003 Третья версия (React + Zustand + правильный CharactersService).mp4

003 Третья версия (React + Zustand + правильный CharactersService).mp4

004 Четвёртая версия (React + гибкий Zustand с оптимизациями + Service Locator).mp4

004 Четвёртая версия (React + гибкий Zustand с оптимизациями + Service Locator).mp4

005 Пятая версия (React + Preactsignals + HOC для работы с Service Locator).mp4

005 Пятая версия (React + Preactsignals + HOC для работы с Service Locator).mp4

006 Шестая версия (React + Effector).mp4

006 Шестая версия (React + Effector).mp4

007 Седьмая версия (React + Reatom + Inversion of Control + Builder Pattern). Часть 1.mp4

007 Седьмая версия (React + Reatom + Inversion of Control + Builder Pattern). Часть 1.mp4

008 Седьмая версия (React + Reatom + Inversion of Control + Builder Pattern). Часть 2.mp4

008 Седьмая версия (React + Reatom + Inversion of Control + Builder Pattern). Часть 2.mp4

009 Как масштабировать Frontend-архитектуру при росте сложности (часть 1).mp4

009 Как масштабировать Frontend-архитектуру при росте сложности (часть 1).mp4

010 Как масштабировать Frontend-архитектуру при росте сложности (часть 2).mp4

010 Как масштабировать Frontend-архитектуру при росте сложности (часть 2).mp4

011 Восьмая версия (React + Reatom + Inversify). Быстрое и понятное решение, но без гибкости.mp4

011 Восьмая версия (React + Reatom + Inversify). Быстрое и понятное решение, но без гибкости.mp4

012 Восьмая версия (React + Reatom + Inversify). Ч.mp4

012 Восьмая версия (React + Reatom + Inversify). Ч.mp4

013 Восьмая версия (React + Reatom + Inversify).Гибкое решение, но привязанное к Reatom.mp4

013 Восьмая версия (React + Reatom + Inversify).Гибкое решение, но привязанное к Reatom.mp4

014 Восьмая версия (React + Reatom + Inversify). Представили, что фичу эту мы хотим вынести в ui-kit, поэтому переписываем логику на чистый React (reactuse).mp4

014 Восьмая версия (React + Reatom + Inversify). Представили, что фичу эту мы хотим вынести в ui-kit, поэтому переписываем логику на чистый React (reactuse).mp4

015 Подводим итоги Dependency Injection и IoC.mp4

015 Подводим итоги Dependency Injection и IoC.mp4

016 Основные паттерны для композиции компонетов. Переиспользуемый CharactersCatalog. Отвязываемся от типов Reatom'а.mp4

016 Основные паттерны для композиции компонетов. Переиспользуемый CharactersCatalog. Отвязываемся от типов Reatom'а.mp4

017 Гайд на State-Management. Зачем писать бизнес-логику вне UI на самом деле.mp4

017 Гайд на State-Management. Зачем писать бизнес-логику вне UI на самом деле.mp4

018 Промежуточные итоги перед разработкой следующих фичей.mp4

018 Промежуточные итоги перед разработкой следующих фичей.mp4

019 JSON Server. Eslint-плагин для архитектурных границ. Что такое Optimistic Updates и как Reatom использует теорию баз данных для этого.mp4

019 JSON Server. Eslint-плагин для архитектурных границ. Что такое Optimistic Updates и как Reatom использует теорию баз данных для этого.mp4

020 Обработка ошибок. Декларативность = понятность.mp4

020 Обработка ошибок. Декларативность = понятность.mp4

021 Обзор изменений. Папка core. Как работать с ролевой моделью. Разница между авторизацией и аутентификацией.mp4

021 Обзор изменений. Папка core. Как работать с ролевой моделью. Разница между авторизацией и аутентификацией.mp4

022 Cross-domain общение. Паттерн Facade. Single Responsibility – не только про хранение кода в другом месте.mp4

022 Cross-domain общение. Паттерн Facade. Single Responsibility – не только про хранение кода в другом месте.mp4

023 Builder vs Adapter. Что будет, если удалить слой Service и всё держать в Store. Perceived Performance.mp4

023 Builder vs Adapter. Что будет, если удалить слой Service и всё держать в Store. Perceived Performance.mp4

024 Как писать правильно на хуках и без IoC-container'a (Часть 1).mp4

024 Как писать правильно на хуках и без IoC-container'a (Часть 1).mp4

025 Как писать правильно на хуках и без IoC-container'a (Часть 2).mp4

025 Как писать правильно на хуках и без IoC-container'a (Часть 2).mp4

026 Переписали IoC-контейнер на DI через React.context.mp4

026 Переписали IoC-контейнер на DI через React.context.mp4

027 База React Hook Form + Zod.mp4

027 База React Hook Form + Zod.mp4

028 Теория JWT Auth + пишем Axios интерцепторы.mp4

028 Теория JWT Auth + пишем Axios интерцепторы.mp4

029 Архитектура работы с формами. Разделяем логику формы и UI правильно.mp4

029 Архитектура работы с формами. Разделяем логику формы и UI правильно.mp4

030 Что такое Feature Что такое Widget Page-first подход. Делаем правки в проекте. Теория перед разработкой клона Trello.mp4

030 Что такое Feature Что такое Widget Page-first подход. Делаем правки в проекте. Теория перед разработкой клона Trello.mp4

031 Реализация страницы проектов.mp4

031 Реализация страницы проектов.mp4

032 Менеджер модальных окон.mp4

032 Менеджер модальных окон.mp4

033 Разработка канбан-доски.mp4

033 Разработка канбан-доски.mp4

034 CRUD для канбан-борды.mp4

034 CRUD для канбан-борды.mp4

035 Реализуем undoredo с помощью паттерна Event Sourcing. ТЕОРИЯ.mp4

035 Реализуем undoredo с помощью паттерна Event Sourcing. ТЕОРИЯ.mp4

036 Реализуем undoredo с помощью паттерна Event Sourcing. ПРАКТИКА.mp4

036 Реализуем undoredo с помощью паттерна Event Sourcing. ПРАКТИКА.mp4

037 Частая ошибка при работе с FSD и любой архитектурой. Что такое Destructive Decoupling.mp4

037 Частая ошибка при работе с FSD и любой архитектурой. Что такое Destructive Decoupling.mp4

038 Разработка темы приложения.mp4

038 Разработка темы приложения.mp4

039 Разработка фича-флагов.mp4

039 Разработка фича-флагов.mp4

040 Нарушение правила FSD и возможные циклические зависимости. Компонент Compose для плоской композиции provider'ов.mp4

040 Нарушение правила FSD и возможные циклические зависимости. Компонент Compose для плоской композиции provider'ов.mp4

041 Интернационализация через i18next. Теория + практика с локальными переводами.mp4

041 Интернационализация через i18next. Теория + практика с локальными переводами.mp4

042 Оптимизированная интернационализация через плагин HttpBackend.mp4

042 Оптимизированная интернационализация через плагин HttpBackend.mp4

043 Обзор стека следующих уроков. Экосистема MobX.mp4

043 Обзор стека следующих уроков. Экосистема MobX.mp4

044 Цена абстрактного интерфейса.mp4

044 Цена абстрактного интерфейса.mp4

045 MVVM и ViewModel.mp4

045 MVVM и ViewModel.mp4

046 Что такое наследование и как мы его будем полезно применять.mp4

046 Что такое наследование и как мы его будем полезно применять.mp4

047 Работа с роутингом на mobx-route.mp4

047 Работа с роутингом на mobx-route.mp4

048 Обзор Tsyringe и как мы будем собирать наши ViewModel.mp4

048 Обзор Tsyringe и как мы будем собирать наши ViewModel.mp4

049 Композиция и агрегация из ООП (важно).mp4

049 Композиция и агрегация из ООП (важно).mp4

050 Работа с Query и Mutation. Стратегии кэширования.mp4

050 Работа с Query и Mutation. Стратегии кэширования.mp4

051 Теория FEOD.mp4

051 Теория FEOD.mp4

052 Поговорили про архитектурные подходы Angular’а и почему он такой крутой.mp4

052 Поговорили про архитектурные подходы Angular’а и почему он такой крутой.mp4

053 Запись встречи 23 01 2026.mp4

053 Запись встречи 23 01 2026.mp4

001 Собираем все знания воедино и адаптируем их под React.mp4

001 Собираем все знания воедино и адаптируем их под React.mp4