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 Š 2024Best Frontend Courses. All rights reserved.

  • Categories
  • Instructors
  • Terms of Service
  • Privacy Policy
  • Feedback
  1. Home
  2. React
  3. Complex State Management in React with Jotai and XState
React / XState / Jotai
Video

Complex State Management in React with Jotai and XState

by Daishi Kato
Enroll
🕹ī¸ Levels: 😎 Intermediate
âŗ Duration: 0.5 hours
🤑 Price: Free
🧑‍đŸ’ģ Learning Platform: Egghead.io
🧑‍🎓 Certificate: No

🔑 Key Learning Outcomes

  • Understanding Jotai's primitive and flexible state management.
  • Leveraging XState for safe abstraction of complex states.
  • Integrating Jotai with XState for enhanced state management capabilities.

👨‍đŸĢ About the Course

Explore the combination of Jotai and XState to handle complex state management in React applications. Learn how to build, compose, and share state effectively using these two powerful libraries.

đŸŽ¯ Target Audience

  • Ideal for intermediate React developers interested in advanced state management techniques.
  • Suitable for those looking to enhance their understanding of state management in complex applications.

✅ Requirements

  • Familiarity with React and state management concepts.
  • Basic knowledge of JavaScript and React hooks.

📖 Course Content

  • Learn to handle complex state in Jotai with XState using atomWithMachine.
  • Derive Jotai Atom State from complex state managed in XState.
  • Share and isolate XState state using Jotai Provider.
  • Provide XState with initial values through Jotai Provider.
  • Initialize an XState machine with Jotai Atom in Atom pattern.
Update Course

Drop a comment

Complex State Management in React with Jotai and XState by Daishi Kato

Log in to leave a feedback

Login

👇 Psst! Interested in More React Courses?

ReactReactGraphQLGraphQL

GraphQL Data in React with Apollo Client
Video

by Nik Graf

🕹ī¸ Levels: 🌱 Beginner

âŗ Duration: 0.5 hours

🤑 Price: Free

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

ReactReact

React Front To Back Course
Video

by Brad Traversy

🕹ī¸ Levels: 🌱 Beginner, 😎 Intermediate

âŗ Duration: 16 hours

🤑 Price: 25

ReactReactGraphQLGraphQL

Fullstack Advanced React & GraphQL
Video

by Wes Bos

🕹ī¸ Levels: 🚀 Advanced

âŗ Duration: 18 hours

🤑 Price: 89-139

🔙 Back to React Category