MobX In Depth With React(Hooks+TypeScript)
Course description
This is the most extensive course about MobX you will find online, After a few years of using MobX, I'm really passionate about it and really love it, I decided to create this course about MobX, So more people can enjoy this state management library as much as I do.
Read more about the course
This course is for:
New people to MobX
Want to start using MobX but afraid?
Want to know how to utilize MobX abilities better?
Tired of writing a lot of boilerplate in Redux?
Want to write quick and quality High scale Web Applications
We are going to cover these topics in the course:
MobX Fundamentals(observables, actions, computation, reactions) - each topic will be covered in depth
MobX Principals and Concepts(how does MobX reactivity work, how to organize your stores correctly, the correct mindset to have using MobX)
How To Connect MobX To React - how do we connect MobX to react? and how we share the data correctly? when to use MobX vs react state
Mobx 6 - Upcoming Changes
mobx-easy (A library I've created that helps MobX usage)
Watch Online
All Course Lessons (41)
| # | Lesson Title | Duration | Access |
|---|---|---|---|
| 1 | About Myself Demo | 01:07 | |
| 2 | What is MobX ? And Why We Should Use It | 01:49 | |
| 3 | Course Roadmap | 00:59 | |
| 4 | Course Style | 00:37 | |
| 5 | Our Slack Channel ! | 00:26 | |
| 6 | Workspace Setup | 02:39 | |
| 7 | MobX Intro | 01:46 | |
| 8 | Observables (State) | 05:33 | |
| 9 | Actions | 06:50 | |
| 10 | Reactions | 06:18 | |
| 11 | Computations | 04:15 | |
| 12 | Exercise - Build A Todo List Without UI | 01:04 | |
| 13 | Exercise - Build A Todo List Without UI (Answer) | 10:07 | |
| 14 | Summary - MobX Fundamentals | 00:26 | |
| 15 | What MobX Reacts To | 04:12 | |
| 16 | Writing our own MobX | 04:42 | |
| 17 | MobX Applications Mindset | 02:09 | |
| 18 | Store Types | 03:00 | |
| 19 | How To Structure Your Stores | 07:59 | |
| 20 | How To Model Your Data | 03:03 | |
| 21 | Exercise - Enhance Our Todo List | 01:08 | |
| 22 | Exercise - Enhance Our Todo List (Answer) | 11:57 | |
| 23 | Summary - MobX Applications Principles And Concepts | 00:51 | |
| 24 | mobx-react And mobx-react-lite | 01:17 | |
| 25 | MobX React API - observer And useObserver And <Observer /> | 04:38 | |
| 26 | Connecting Our Stores To React | 04:15 | |
| 27 | When To Use MobX State VS React State | 01:20 | |
| 28 | Exercise - Connect Everything Together ! | 00:56 | |
| 29 | Exercise - Connect Everything Together ! (Answer - Part 1) | 04:55 | |
| 30 | Exercise - Connect Everything Together ! (Answer - Part 2) | 13:40 | |
| 31 | Exercise - Connect Everything Together ! (Answer - Part 3) | 09:13 | |
| 32 | Course Summary ! | 01:06 | |
| 33 | What Changes Are Coming ? | 01:50 | |
| 34 | Decorators In MobX 6 - makeObservable | 04:21 | |
| 35 | Decorators In MobX 6 - makeAutoObservable | 02:01 | |
| 36 | Decorators In MobX 6 - Keeping the decorator syntax | 01:28 | |
| 37 | What is solves us ? | 01:22 | |
| 38 | Connecting To Our Project - wrapRoot | 01:50 | |
| 39 | Getting The Root - getRoot | 03:25 | |
| 40 | Getting The Environment - getEnv | 03:56 | |
| 41 | Quick Actions - @setter | 01:24 |
Unlock unlimited learning
Get instant access to all 40 lessons in this course, plus thousands of other premium courses. One subscription, unlimited knowledge.
Learn more about subscriptionComments
0 commentsWant to join the conversation?
Sign in to commentSimilar courses
Advanced Animating React with Framer Motion
The Complete Guide to Advanced React Patterns (2020)
Advanced React For Enterprise: React for senior engineers
React Summit 2024 - Amsterdam
