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
Introduction to ReactJSMicrosoft via edX Front-End Web Development with React
The Hong Kong University of Science and Technology via Coursera Multiplatform Mobile App Development with React Native
The Hong Kong University of Science and Technology via Coursera Client-based Web Applications development: ReactJS & Angular
Universidad Politécnica de Madrid via Miríadax React
Udacity