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:

daisyUI 5 is here: What’s new and what to expect

Explore daisyUI 5’s new features, performance upgrades, and theming engine built for Tailwind CSS 4 developers.

Ikeh Akinyemi
Aug 25, 2025 â‹… 8 min read
Why Kimi K2 is a frontend game-changer

Agentic AI for 5x less: Why Kimi K2 is a frontend game-changer

Kimi K2 doesn’t just tell you what to write or how to solve a problem; it writes the code, executes the tasks, and gets stuff done.

Chizaram Ken
Aug 22, 2025 â‹… 8 min read
Gemini CLI vs Codex CLI: A Comparative Analysis

Does Gemini CLI fall short? Here’s how Codex compares

Compare Codex CLI vs Gemini CLI for real-world coding tasks. See strengths, weaknesses, and which AI CLI fits your developer workflow best.

Emmanuel John
Aug 20, 2025 â‹… 8 min read
Is Next.js Still Developer-Friendly?

Is Next.js still developer-friendly?

The question isn’t whether Next.js is good or bad; it’s whether the productivity gains are worth the complexity tax.

Chizaram Ken
Aug 20, 2025 â‹… 5 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