Manage Application State with Jotai Atoms
Offered By: egghead.io
Course Description
Overview
jotai is a primitive and flexible state management solution for React.
jotai gives you a minimalistic API that you can use that separates your state management from your UI. You get the benefits of well manages state AND you don't have to set up any boilerplate like defining actions, reducers, dispatchers, or stores.
You create an atom and you're off to the races managing your application state.
In this course, you'll build an SVG drawing application. You'll see how you can represent the canvas as state through atoms and add svg path, change the path colors, delete, and even undo actions. You'll sum up your learning by learning how jotai can isolate state in your applications by using and composing Providers.
You'll be able to use the concepts you learn here to manage any state in your own application.
This course covers the core API that you'll need to know for managing state in React with Jotai. If you're looking for a state management solution with minimal boilerplate that scales as you need it you should check this out.
jotai gives you a minimalistic API that you can use that separates your state management from your UI. You get the benefits of well manages state AND you don't have to set up any boilerplate like defining actions, reducers, dispatchers, or stores.
You create an atom and you're off to the races managing your application state.
In this course, you'll build an SVG drawing application. You'll see how you can represent the canvas as state through atoms and add svg path, change the path colors, delete, and even undo actions. You'll sum up your learning by learning how jotai can isolate state in your applications by using and composing Providers.
You'll be able to use the concepts you learn here to manage any state in your own application.
This course covers the core API that you'll need to know for managing state in React with Jotai. If you're looking for a state management solution with minimal boilerplate that scales as you need it you should check this out.
Syllabus
- Share State Between React Components with Jotai useAtom
- Derive State from a Jotai Atom in React
- Prevent Rerenders and Add Functionality with Jotai Write-only Atoms
- Structure Jotai Atoms and Add Functionality to a React App
- Preserve State by Combining Multiple Jotai Atoms into One Atom
- Add Additional Functionality by Creating Jotai Atoms that Hold Atoms
- Compose Jotai Atoms to Update Atom Values From Different React Components
- Delete Data in a Jotai Atom by Composing and Filtering Atoms
- Undo Actions on State by Implementing an undoHistory Feature with Jotai Atoms
- Isolate State in an Application with Jotai Provider
Taught by
Daishi Kato
Related Courses
Software Engineering for SaaSUniversity of California, Berkeley via Coursera MongoDB for Developers
MongoDB University Android: introducción a la programación
Universitat Politècnica de València via UPV [X] Extending SAP Products with SAP HANA Cloud Platform
SAP Learning Two Speed IT: How Companies Can Surf the Digital Wave, a BCG Perspective
École Centrale Paris via Coursera