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
| # | Title | Duration |
|---|---|---|
| 1 | About Myself | 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 |
Comments
0 commentsSimilar courses
React Js A-Z With Laravel - For Beginner to Advanced Level
Node with React: Fullstack Web Development
React with TypeScript
Build fancy landing pages with React and Threejs
Want to join the conversation?
Sign in to comment