MobX In Depth With React(Hooks+TypeScript)

2h 25m 54s
English
Paid
November 18, 2024

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.

More

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 MobX In Depth With React(Hooks+TypeScript)

Join premium to watch
Go to premium
# 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

Similar courses to MobX In Depth With React(Hooks+TypeScript)

Zero to Full Stack Hero

Zero to Full Stack Heropapareact.com

Duration 101 hours 29 minutes 59 seconds
Next.js 14 & React - The Complete Guide

Next.js 14 & React - The Complete GuideudemyAcademind Pro

Duration 36 hours 13 minutes 15 seconds
Cursor AI - Ultimate Course

Cursor AI - Ultimate CourseKevin Kern

Duration 2 hours 14 seconds
CodeFast | Learn to code in weeks, not months.

CodeFast | Learn to code in weeks, not months.Marc Lou

Duration 11 hours 38 minutes 42 seconds