How to persist the data in atoms with local storage using recoil persist.
Next Dev
Posted on July 3, 2022
Welcome friends 👋. In this blog post, you will learn how to persist the data in local storage in recoil.
For people, who understand Hindi
👁️Situation
Suppose, you are making a to-do list website where people can type todos and todos will be stored in the local storage. But the question arises, how can you persist the data with local storage.
😍Solution
Let’s take an example 👇
In the 👆 example, there is an atom(‘todosAtom’) that is responsible for storing all the todos.
Now, we can use effects_UNSTABLE
Here, we are using **effects_unstable **which runs when the atom is initialized or changed.
But, unfortunately, you will encounter an error if you are using an SSR framework like nextjs.
🤔Then how to solve it?
yarn add recoil-persist
Now, all of your work would be done with the help of the recoil persist.
If you have any questions, feel free to ask here👇:
Join the Next Dev Discord Server!
💖 💪 🙅 🚩
Next Dev
Posted on July 3, 2022
Join Our Newsletter. No Spam, Only the good stuff.
Sign up to receive the latest update from our blog.
Related