2022-07-01
2699
#react
Saleh Mubashar
121676
Jul 1, 2022 â‹… 9 min read

How to build a notes app with React and localStorage

Saleh Mubashar I'm an experienced web developer who uses his knowledge and experience to guide people looking to learn web dev and new technologies.

Recent posts:

axios in javascript

Axios in JavaScript: How to make GET, POST, PUT and DELETE requests

Learn how to use Axios in JavaScript for GET, POST, PUT & DELETE requests. Examine setup, error handling, and API best practices.

Faraz Kelhini
Apr 1, 2025 â‹… 19 min read
how AI is shaping the future of 3D web development

How AI is shaping the future of 3D web development

AI for 3D web development is taking the internet by storm. Learn about this trend, the best tools for 3D web experiences, and how it’ll affect the development landscape moving forward.

Elijah Asaolu
Apr 1, 2025 â‹… 5 min read
docker exit code 1

How to troubleshoot exit code 1 in Docker

exit code 1 is one of the most common and frustrating errors for developers working in Docker. Explore what it means and how to fix it.

Ukeje Goodness
Apr 1, 2025 â‹… 4 min read
axios vs fetch 2025 update

Axios vs. Fetch (2025 update): Which should you use for HTTP requests?

Fetch() is native, but Axios is powerful. Which should you use in 2025? We compare features, error handling, and performance to help you decide.

Faraz Kelhini
Apr 1, 2025 â‹… 13 min read
View all posts

3 Replies to "How to build a notes app with React and <code>localStorage</code>"

  1. That was a cool project, thanks. The only thing is, my localStorage was being empty after refreshing the page and all notes were going out.

    I changed the useEffect for getItem, following:

    //get the saved notes and add them to the array
    useEffect(() => {
    const data = JSON.parse(localStorage.getItem(“Notes”));
    if (data && data.length > 0 ) {
    setNotes(data);
    }
    }, []);

    And now it works.

Leave a Reply