Course Outline
Introduction
- MobX vs Redux vs Relay
Understanding State Management
- How React handles local state
- How Redux manages state
- How MobX manages state
Getting Started
- Preparing the Development Environment
- Installing and Configuring MobX
Building an Application
- Overview of the component architecture
- Creating a React Application (Components, Element, JSX, etc.)
Working with React Component State
- Initializing and updating state
- Working with forms
Implementing a MobX Data Store
- Setting up the data store
- Passing data to components
- Listing out contents of data store
Managing Changes to Data
- Adding data to store
- Notifying React of the change in data state
Updating the View
- Declaring observable data
- Updating the view
Improving DataFlow
- Modifying state data through actions
- Calling actions (avoiding unsafe data manipulation)
Working with Computed Values
- Perforing calculations on core data
Using Advanced Development Tools and Techniques
- Creating components with ES2017
- Using Babel for ES2017 and JSX
- Using WebPack for React and MobX
- Performing asynchronous actions with MobX
Testing the Application
- Creating unit tests for React components
- Choosing tools and frameworks (Jest, Enzyme, TestUtils, etc.)
- Creating unit tests for MobX stores
- Debugging the Application
Deploying the Application
- Tooling and automation
- Implementing Continuous Integration (CI)
Troubleshooting
Summary and Conclusion
Requirements
- React programming experience
Audience
- Developers
Testimonials (5)
How the trainer structured and explained the lessons: from the pace of speech to the information explained, so that both experienced and beginners understand. Thank you, Marcin!
Ana - MSG system
Course - Building Micro Frontends with React
Friendly environment. Also, I liked one on one training. It’s very productive. I would definitely recommend it to my friends and colleagues.
Zeed - Tamkeen Technologies
Course - Building Microservices with NodeJS and React
The situation was atypical because an intensive training for developers was to be conducted with non-developers. Lukasz took up this challenge with empathy and a lot of humour. Through his intelligent and flexible manner, he was able to ensure that a concrete learning gain was achieved for everyone. I enjoyed this very much and would gladly take a seminar with Lukasz again.
Christoph - Honda Bank GmbH
Course - MERN Fullstack Development
It was nice it had a lot of exercise, but the pace is too fast.
Irina - Thales Group
Course - Advanced React
The general knowledge sharing by Narendra and all the dev resources shared