~Get Your Files Here !

  1. Introduction

   1. Welcoming.srt

   2. Prerequisites.srt

   3. Goals of this course.srt

   4. How to get the most out of this course.srt

   5. Where to get help.srt

  10. Outro

   1. Outro.srt

  2. Basics

   1. Useful VSCode extensions for React development.srt

   2. Why MobX.srt

   3. When and how to manage state in React.srt

  3. MobX Theoretical Foundation

   1. Behind the Scenes The Observer Pattern.srt

   2. Behind the Scenes JavaScript Proxy explained.mp4

   2.1 Proxy Documentation.html

   3. The MobX Vocabulary.srt

  4. Get your feet wet Simple Todo App Example to Setup a reactive MobX store

   1. Intro.srt

   2. Setup basic CRA + Typescript + MobX application.srt

   3. Creating our Store.srt

   4. Create Components for our Todo Applications.srt

   5. Connecting our components to our Store.srt

   6. Add more functions and improve the UI.srt

   7. Improve UX.srt

   8. Improving state performance.srt

   README.md

   package-lock.json

   public

    index.html

    robots.txt

   src

    Todo

     TodoInput

      index.tsx

     TodoList

      index.tsx

    index.tsx

    setupTests.ts

    stores

   tsconfig.json

  5. MobX Practical Foundation

   1. Connect MobX to the React Context API.srt

   2. MobX and Decorators.srt

   3. Convenience function makeAutoObservable.srt

   4. Factory Functions vs Classes.srt

   5. Create a MobX Store using a factory function.srt

   gitignore

   package.json

   public

    index.html

    robots.txt

   src

    Todo

     TodoInput

      index.tsx

     TodoList

      index.tsx

    index.tsx

    setupTests.ts

    stores

     index.tsx

  6. MobX Core Functions

   1. Intro.srt

   2. Observables.mp4

   3. Actions.mp4

   3.2 Flow Documentation.html

   4. Computeds.srt

   5. Reactions - Intro.srt

   6. Reactions - Autorun.srt

   7. Reactions - Reaction.srt

   8. Reactions - When.srt

   gitignore

   package.json

   public

    index.html

    robots.txt

   src

    App.tsx

    Todo

     TodoInput

      index.tsx

     TodoList

      index.tsx

    index.css

    react-app-env.d.ts

    stores

     index.tsx

  7. Testing Stores

   1. Writing tests with Jest.srt

   2. Create wrapper components.srt

   gitignore

   package.json

   public

    index.html

    robots.txt

   src

    App.tsx

    Todo

     TodoInput

      index.tsx

     TodoList

      index.tsx

    index.css

    react-app-env.d.ts

    stores

     TodoStore.ts

  8. Debugging MobX

   1. Logging observables.srt

   2. MobX Trace.srt

   3. MobX Devtools.mp4

   3.1 MobX Devtools.html

   4. Conclusion.srt

   gitignore

   package.json

   public

    index.html

    robots.txt

   src

    App.tsx

    Todo

     TodoInput

      index.tsx

     TodoList

      index.tsx

    index.css

    react-app-env.d.ts

    stores

     TodoStore.ts

  9. Small Project

   1. Intro.srt

   10. Setup MobX.srt

   11. Building a search.srt

   12. Building a pagination.srt

   13. Remembering scroll position.srt

   14. Conclusion.srt

   2. Set up the basic structure.srt

   3. Getting to know our API.srt

   4. Setting up the Server State.srt

   5. Setup Routing.srt

   6. Style our List.srt

   7. Display a readable name for our Items.srt

   8. Style our detail page.srt

   9. Short recap.srt

   gitignore

   package.json

   public

    index.html

    robots.txt

   src

    App.tsx

    Pokedex

     PokemonDetails.module.css

     PokemonList.module.css

     PokemonListItem

      PokemonListItem.tsx

      index.tsx

    Skeleton.module.css

    index.css

    react-app-env.d.ts

    stores

     index.ts