Develop React Applications with Mobx and TypeScript
Offered By: egghead.io
Course Description
Overview
Developing logic-rich applications is a key skill to have.
The TypeScript–React combination helps you unlock that skill, and it’s a great developer experience in terms of writing understandable and refactorable HTML. But the default state management for React has a long way to go to feel simple and maintainable — and that’s where MobX makes your life so much easier. MobX keeps things simple without using complicated setups like provider and connect that provide way too little value for all the mental overhead.
In this course, you’ll see how to model your React application logic using simple JavaScript classes — and with the help of MobX, make those classes the beating heart of your React applications. You’ll learn:
that you don't need advanced annotations and TypeScript features to use MobX
how to easily refactor code through TypeScript
how to use TypeScript to track the flow of state as properties change
The TypeScript–React combination helps you unlock that skill, and it’s a great developer experience in terms of writing understandable and refactorable HTML. But the default state management for React has a long way to go to feel simple and maintainable — and that’s where MobX makes your life so much easier. MobX keeps things simple without using complicated setups like provider and connect that provide way too little value for all the mental overhead.
In this course, you’ll see how to model your React application logic using simple JavaScript classes — and with the help of MobX, make those classes the beating heart of your React applications. You’ll learn:
that you don't need advanced annotations and TypeScript features to use MobX
how to easily refactor code through TypeScript
how to use TypeScript to track the flow of state as properties change
Syllabus
- React with Mobx and TypeScript course introduction
- Using MobX to Isolate a React Component State
- Understand and Control Mutations with MobX Dev Tools and @action in React
- Optimize Performance in a React App with MobX @computed Properties
- Maintainable Application State React Class Pattern using MobX
- Creating Reusable State Class Driven React Components
- Test a React Applications using MobX with Jest
Taught by
Basarat Ali Syed
Related Courses
30 Days to Learn LaravelLaracasts 3D Graphics for Web Developers
Pompeu Fabra University via FutureLearn A Beginner’s Guide to Web Development with HTML5
Packt via FutureLearn Accessibility Audit
Amazon Web Services via AWS Skill Builder Expanding Your JS Skills with Angular
A Cloud Guru