Skip to content
Jacques Blom
WorkLibraryAbout
Library/Learn Recoil/Lesson 16

Atom Effects with Atom Families

Lesson · 2021 · 7:38 original recording · Atom Effects

Save the state of an atom family, then write a reusable effect that saves any atom or atom family to localStorage.

React · Recoil

I recorded this as part of my Recoil teaching in 2020 and 2021. The library is now archived.
Recording currently unavailable.

You can follow along with the code for the Excalidraw-inspired drawing app. The course overview lists all 20 lessons in order.

Previous lessonAtom Effects - BasicsNext lessonAsync Atom Effects

Original lesson: Original lesson page.

Learn Recoil

1. Course Intro2. Overview of Recoil3. Project Setup4. Atoms - Basics5. Selectors - Basics6. Atom Families7. Atom Families 28. Selector Families9. Data Fetching - Basics10. Data Fetching - Advanced11. Data Fetching in our Design Tool12. Error Handling13. Intermediate Selectors14. Selector Composition15. Atom Effects - Basics16. Atom Effects with Atom Families17. Async Atom Effects18. Optimising API Calls19. Unnecessary onSet calls20. Atom Effects vs Async Selectors

Related material

Course

Learn Recoil

Video

Let's build a high performance app using Recoil and React | Recoil Tutorial Video

Jacques BlomSoftware engineer & founder.
GitHub YouTube X LinkedIn