udemy
Udemy - одна из самых больших площадок в мире по доставке обучающего контента от разных авторов всего мира. Присутсвуют курсы практически на любую тему.
MobX в деталях, с React (Hooks + TypeScript)
MobX In Depth With React(Hooks+TypeScript)
★3.4 (всего оценок - 33)
Продолжительность
2 ч 25 мин
Категория
React.jsКоличество уроков
41 Видео
Дата добавления
15 дек. 2020 г., 23:11
Язык
Английский
Дата выхода
20 нояб. 2020 г., 02:00
Дата обновления
29 апр. 2026 г., 09:09
Хотите уверенно овладеть MobX и интегрировать его с React на уровне профессионала? В этом курсе вы шаг за шагом разберете ключевые концепции библиотеки, научитесь правильно структурировать состояние и создавать масштабируемые приложения, используя современный стек: MobX + React Hooks + TypeScript.
Что делает этот курс уникальным
Курс построен на практическом опыте работы с MobX в реальных проектах. Вы не просто изучите теорию — вы поймете, как и почему MobX работает, и научитесь эффективно применять его для построения надежных и быстрых приложений.
Глубокие разборы механизмов MobX
Каждая тема объясняется детально и понятно, чтобы даже новичок смог избежать ошибок и сразу применять лучшие практики.
Актуальность и современный стек
Вы будете работать с MobX последней версии, изучите ожидаемые обновления и узнаете, как использовать MobX в связке с React Hooks и TypeScript.
Для кого подходит этот курс
Курс будет особенно полезен, если вы:
- Только начинаете знакомство с MobX и хотите разобраться во всех аспектах библиотеки
- Хотите перейти на MobX, но не уверены, с чего начать
- Ищете лучшие практики и хотите писать код быстрее, чище и предсказуемее
- Устали от избыточной шаблонности Redux и ищете более простой, гибкий подход
- Стремитесь ускорить разработку крупных веб‑приложений без потери качества
Темы, которые вы изучите
Курс тщательно структурирован, чтобы вы смогли плавно перейти от основ к продвинутым концепциям.
1. Основы MobX
- Observables — управление реактивным состоянием
- Actions — безопасные изменения данных
- Computed — производные значения и оптимизация
- Reactions — автоматизация обновлений
2. Глубинные концепции MobX
- Как устроена реактивность MobX «под капотом»
- Правильная архитектура stores
- Лучшие практики использования MobX в реальных проектах
3. MobX + React
Вы узнаете:
- Как корректно подключать MobX к React
- Как делиться состоянием между компонентами
- Когда предпочесть MobX встроенному React state — и наоборот
4. MobX 6 и будущие изменения
Актуальный обзор ключевых обновлений и того, что изменится в ближайших версиях.
5. Mobx-easy — библиотека для удобной работы с MobX
Разбор созданной автором утилиты, которая упрощает и ускоряет работу с MobX даже для крупных проектов.
Почему стоит пройти этот курс
- Глубокое понимание MobX без «воды»
- Практическая польза с первого же модуля
- Современный подход с использованием React Hooks и TypeScript
- Подготовка к работе с любыми проектами, от небольших до enterprise‑уровня
Освойте MobX в деталях и начните создавать быстрые, чистые и масштабируемые приложения уже сегодня.
Это пробный урок. Оформите подписку, чтобы получить доступ ко всем материалам курса. Премиум
- Урок 1. 00:01:07About Myself
- Урок 2. 00:01:49What is MobX ? And Why We Should Use It
- Урок 3. 00:00:59Course Roadmap
- Урок 4. 00:00:37Course Style
- Урок 5. 00:00:26Our Slack Channel !
- Урок 6. 00:02:39Workspace Setup
- Урок 7. 00:01:46MobX Intro
- Урок 8. 00:05:33Observables (State)
- Урок 9. 00:06:50Actions
- Урок 10. 00:06:18Reactions
- Урок 11. 00:04:15Computations
- Урок 12. 00:01:04Exercise - Build A Todo List Without UI
- Урок 13. 00:10:07Exercise - Build A Todo List Without UI (Answer)
- Урок 14. 00:00:26Summary - MobX Fundamentals
- Урок 15. 00:04:12What MobX Reacts To
- Урок 16. 00:04:42Writing our own MobX
- Урок 17. 00:02:09MobX Applications Mindset
- Урок 18. 00:03:00Store Types
- Урок 19. 00:07:59How To Structure Your Stores
- Урок 20. 00:03:03How To Model Your Data
- Урок 21. 00:01:08Exercise - Enhance Our Todo List
- Урок 22. 00:11:57Exercise - Enhance Our Todo List (Answer)
- Урок 23. 00:00:51Summary - MobX Applications Principles And Concepts
- Урок 24. 00:01:17mobx-react And mobx-react-lite
- Урок 25. 00:04:38MobX React API - observer And useObserver And <Observer />
- Урок 26. 00:04:15Connecting Our Stores To React
- Урок 27. 00:01:20When To Use MobX State VS React State
- Урок 28. 00:00:56Exercise - Connect Everything Together !
- Урок 29. 00:04:55Exercise - Connect Everything Together ! (Answer - Part 1)
- Урок 30. 00:13:40Exercise - Connect Everything Together ! (Answer - Part 2)
- Урок 31. 00:09:13Exercise - Connect Everything Together ! (Answer - Part 3)
- Урок 32. 00:01:06Course Summary !
- Урок 33. 00:01:50What Changes Are Coming ?
- Урок 34. 00:04:21Decorators In MobX 6 - makeObservable
- Урок 35. 00:02:01Decorators In MobX 6 - makeAutoObservable
- Урок 36. 00:01:28Decorators In MobX 6 - Keeping the decorator syntax
- Урок 37. 00:01:22What is solves us ?
- Урок 38. 00:01:50Connecting To Our Project - wrapRoot
- Урок 39. 00:03:25Getting The Root - getRoot
- Урок 40. 00:03:56Getting The Environment - getEnv
- Урок 41. 00:01:24Quick Actions - @setter
Автор - udemy
Комментарии
Складывается впечатление, что курс написан, заранее, а он переписывает код не последовательно, а выборочно
Из недостатков: автор зачем-то пробрасывает стор через контекст + последние 4 видео посвящены его личному пакету, который призван был упростить обращение к корневому состоянию, но на деле только усложняет код. Достаточно использовать обычные импорты.