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. Immutable JavaScript Data Structures with Immer
React / JavaScript
Video

Immutable JavaScript Data Structures with Immer

by Michel Weststrate
Enroll
🕹️ Levels: 😎 Intermediate
⏳ Duration: 1 hours
🤑 Price: Free
🧑‍💻 Learning Platform: Egghead.io
🧑‍🎓 Certificate: No

🔑 Key Learning Outcomes

  • Understanding Immutable State.
  • Learning Currying.
  • Detecting and distributing changes in data.
  • Implementing undo/redo functionality.

👨‍🏫 About the Course

This course delves into using Immer to handle immutable state updates in JavaScript applications. You will learn the basics of creating immutable data structures and implementing change distribution. The course culminates in building a multi-user Gift Tracking app to apply your newfound knowledge.

🎯 Target Audience

  • Ideal for intermediate developers looking to enhance their understanding of immutable data structures and state management in JavaScript applications.

✅ Requirements

  • Prior knowledge of ES6 (ECMAScript 2015) and experience with simplifying React apps using React Hooks.

📖 Course Content

  • Introduction to Immer.
  • Creating immutable state with pure functions.
  • Simplifying state updates with Immer produce.
  • Rendering immutable data in React.
  • Optimizing React rendering with memo.
  • Implementing Currying with Immer.
  • Updating state inside React components.
  • Using Immer with TypeScript.
  • Distributing changes in app state.
  • Building undo/redo functionality with Immer.
Update Course

Drop a comment

Immutable JavaScript Data Structures with Immer by Michel Weststrate

Log in to leave a feedback

Login

👇 Psst! Interested in More React Courses?

ReactReact

Manage React State with Recoil
Video

by Yoni Weisbrod

🕹️ Levels: 😎 Intermediate

⏳ Duration: 0.5 hours

🤑 Price: Free

🧑‍💻 Learning Platform: Egghead.io

ReactReact

PRO VR Applications using React 360
Video

by Tomasz Łakomy

🕹️ Levels: 😎 Intermediate

⏳ Duration: 0.5 hours

🤑 Price: Subscription

🧑‍💻 Learning Platform: Egghead.io

ReactReact

The Beginner's Guide to React
Video

by Kent C. Dodds

🕹️ Levels: 🌱 Beginner

⏳ Duration: 2.5 hours

🤑 Price: Free

🧑‍💻 Learning Platform: Egghead.io

🔙 Back to React Category