đšī¸ Levels: đ Intermediate
âŗ Duration: 0.5 hours
đ¤ Price: Free
đ§âđģ Learning Platform: Egghead.io
đ§âđ Certificate: No
đ Key Learning Outcomes
- Share state between components.
- Derive state from jotai atoms.
- Prevent re-renders with write-only atoms.
- Compose jotai atoms for complex functionality.
- Track application state history through jotai atoms.
đ¨âđĢ About the Course
This course delves into managing application state with Jotai Atoms, a primitive and flexible state management solution for React. You will learn to build an SVG drawing application, represent the canvas as state through atoms, add SVG paths, change path colors, delete, undo actions, and isolate state using Providers.
đ¯ Target Audience
- Ideal for React developers with some experience looking to enhance their state management skills using Jotai Atoms.
â Requirements
- Basic understanding of React and state management concepts.
đ Course Content
- Learn to share state between React components with Jotai useAtom.
- Derive state from a Jotai Atom in React.
- Prevent re-renders 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.
Drop a comment
Manage Application State with Jotai Atoms by Daishi Kato
Log in to leave a feedback
Loginđ Psst! Interested in More React Courses?
ReactJavaScript
Immutable JavaScript Data Structures with ImmerVideo
by Michel Weststrate
đšī¸ Levels: đ Intermediate
âŗ Duration: 1 hours
đ¤ Price: Free
đ§âđģ Learning Platform: Egghead.io
React
Simplify React Apps with React HooksVideo
by Kent C. Dodds
đšī¸ Levels: đ Intermediate
âŗ Duration: 0.5 hours
đ¤ Price: Subscription
đ§âđģ Learning Platform: Egghead.io
React
Learn React Page in React DocsWrittenInteractive
đšī¸ Levels: đą Beginner, đ Intermediate, đ Advanced
đ¤ Price: Free