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)

Modern React with Redux [2023 Update]

Modern React with Redux [2023 Update]udemyStephen Grider

Duration 37 hours 44 minutes 46 seconds
Storybook for building React apps

Storybook for building React appsfullstack.io

Duration 3 hours 16 minutes 25 seconds
React Query (OLD)

React Query (OLD)ui.dev (ex. Tyler McGinnis)

Duration 7 hours 1 minute 30 seconds
React: Flux Architecture (ES6)

React: Flux Architecture (ES6)egghead

Duration 49 minutes 50 seconds
React, NextJS and NestJS: A Rapid Guide - Advanced

React, NextJS and NestJS: A Rapid Guide - Advancedudemy

Duration 8 hours 40 minutes 51 seconds