Class Central is learner-supported. When you buy through links on our site, we may earn an affiliate commission.

egghead.io

Manage Application State with Jotai Atoms

via egghead.io

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.

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

Reviews

4.1 rating at egghead.io based on 37 ratings

Start your review of Manage Application State with Jotai Atoms

Never Stop Learning.

Get personalized course recommendations, track subjects and courses with reminders, and more.

Someone learning on their laptop while sitting on the floor.