1 min read

Create a custom hook that allows saving items to the local storage

Create a custom hook that allows saving items to the local storage

You will start from an existing Todo List app (yes, another one!) built with React. It works great - users can add / remove items - but there is only one problem - every time the page is refreshed, all the items are lost.

Your task will be to implement persistence - the list of tasks should be saved to local storage, so that the user can continue where they left off after closing and reopening the browser window.

You can start from this starter repo on Github, containing the todo list app: https://github.com/reactpractice-dev/local-storage-hook

Implementation notes:

  • Use a custom hook to encapsulate the saving to local storage logic

When you’re ready to check your work, take a look at the detailed official solution for this exercise.

Get a new challenge in your inbox every other week.

Learn React by practice. Get out of tutorial hell and finally be able to just build things.