Best Frontend Courses LogoBest Frontend Courses
    • AI
    • Accessibility
    • Algorithms
    • Angular
    • Architecture
    • Astro
    • Auth
    • CSS
    • Firebase
    • Game Development
    • Gatsby
    • Git
    • GraphQL
    • HTML
    • Ionic
    • JavaScript
    • Jotai
    • MobX
    • Native
    • Netlify
    • Next.js
    • Nx
    • Performance
    • Prisma
    • React
    • React Native
    • Redux
    • Remix
    • Rx.js
    • SCSS/Sass
    • SolidJS
    • Storybook
    • Supabase
    • Svelte
    • Tailwind
    • Testing
    • TypeScript
    • Vue.js
    • XState
    • jQuery
    • p5.js
  • Add Course
  • Login

Copyright Š 2025Best Frontend Courses. All rights reserved.

  • Categories
  • Instructors
  • Terms of Service
  • Privacy Policy
  • Feedback
  1. Home
  2. React
  3. Manage Application State with Jotai Atoms
React / Jotai
Video

Manage Application State with Jotai Atoms

by Daishi Kato
Enroll
đŸ•šī¸ 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.
Update Course

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?

NativeNativeReactReact

React Native, v2
Video

by Kadi Kraman

đŸ•šī¸ Levels: 🌱 Beginner, 😎 Intermediate

âŗ Duration: 4 hours

🤑 Price: Subscription

🧑‍đŸ’ģ Learning Platform: Frontend Masters

ReactReact

Intermediate React, v5
Video

by Brian Holt

đŸ•šī¸ Levels: 😎 Intermediate

âŗ Duration: 6 hours

🤑 Price: Subscription

🧑‍đŸ’ģ Learning Platform: Frontend Masters

ReactReactTypeScriptTypeScript

Build a Modern User Interface with Chakra UI
Video

by Lazar Nikolov

đŸ•šī¸ Levels: 🌱 Beginner

âŗ Duration: 0.5 hours

🤑 Price: Free

🧑‍đŸ’ģ Learning Platform: Egghead.io

🔙 Back to React Category