Главная страницаКатегория react.jsMobX в деталях, с React (Hooks + TypeScript)

MobX в деталях, с React (Hooks + TypeScript)

Name: MobX в деталях, с React (Hooks + TypeScript)
Price: 13 USD
Rating: 3.4 (33 reviews)

MobX In Depth With React(Hooks+TypeScript)

udemy

★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:07
About Myself
Урок 2. 00:01:49
What is MobX ? And Why We Should Use It
Урок 3. 00:00:59
Course Roadmap
Урок 4. 00:00:37
Course Style
Урок 5. 00:00:26
Our Slack Channel !
Урок 6. 00:02:39
Workspace Setup
Урок 7. 00:01:46
MobX Intro
Урок 8. 00:05:33
Observables (State)
Урок 9. 00:06:50
Actions
Урок 10. 00:06:18
Reactions
Урок 11. 00:04:15
Computations
Урок 12. 00:01:04
Exercise - Build A Todo List Without UI
Урок 13. 00:10:07
Exercise - Build A Todo List Without UI (Answer)
Урок 14. 00:00:26
Summary - MobX Fundamentals
Урок 15. 00:04:12
What MobX Reacts To
Урок 16. 00:04:42
Writing our own MobX
Урок 17. 00:02:09
MobX Applications Mindset
Урок 18. 00:03:00
Store Types
Урок 19. 00:07:59
How To Structure Your Stores
Урок 20. 00:03:03
How To Model Your Data
Урок 21. 00:01:08
Exercise - Enhance Our Todo List
Урок 22. 00:11:57
Exercise - Enhance Our Todo List (Answer)
Урок 23. 00:00:51
Summary - MobX Applications Principles And Concepts
Урок 24. 00:01:17
mobx-react And mobx-react-lite
Урок 25. 00:04:38
MobX React API - observer And useObserver And <Observer />
Урок 26. 00:04:15
Connecting Our Stores To React
Урок 27. 00:01:20
When To Use MobX State VS React State
Урок 28. 00:00:56
Exercise - Connect Everything Together !
Урок 29. 00:04:55
Exercise - Connect Everything Together ! (Answer - Part 1)
Урок 30. 00:13:40
Exercise - Connect Everything Together ! (Answer - Part 2)
Урок 31. 00:09:13
Exercise - Connect Everything Together ! (Answer - Part 3)
Урок 32. 00:01:06
Course Summary !
Урок 33. 00:01:50
What Changes Are Coming ?
Урок 34. 00:04:21
Decorators In MobX 6 - makeObservable
Урок 35. 00:02:01
Decorators In MobX 6 - makeAutoObservable
Урок 36. 00:01:28
Decorators In MobX 6 - Keeping the decorator syntax
Урок 37. 00:01:22
What is solves us ?
Урок 38. 00:01:50
Connecting To Our Project - wrapRoot
Урок 39. 00:03:25
Getting The Root - getRoot
Урок 40. 00:03:56
Getting The Environment - getEnv
Урок 41. 00:01:24
Quick Actions - @setter

Автор - udemy

udemy

Udemy — одна из самых масштабных платформ в мире, предлагающая обучающий контент от авторов и экспертов со всего света. Сервис объединяет миллионы учеников и десятки тысяч преподавателей, создающих курсы на самые разнообразные темы.Основные возможности платформыШирокий выбор тем: от программирования и дизайна до маркетинга, психологии и личной эффективности.Глобальное сообщество авторов: материалы создаются специалистами из разных стран.Удобный ф

+198

Комментарии

reAL
16 мар. 2021 г., 00:25
Посмотрел курс, чисто не проработанный курс. Много кода из урока в урок отличается, что мешает сосредоточится на понимании основной темы курса.
Складывается впечатление, что курс написан, заранее, а он переписывает код не последовательно, а выборочно
Victor
20 янв. 2021 г., 12:29
Хороший незатянутый курс, раскрывающий MobX (в том числе последней 6-й версии).
Из недостатков: автор зачем-то пробрасывает стор через контекст + последние 4 видео посвящены его личному пакету, который призван был упростить обращение к корневому состоянию, но на деле только усложняет код. Достаточно использовать обычные импорты.