2021-08-31
1354
#react
Georgey V B
64818
Aug 31, 2021 ⋅ 4 min read

Create a search bar in React from scratch

Georgey V B I'm a self-taught web developer from India. I enjoy learning about new web technologies and working on projects. I hope that my work will assist other developers who are experiencing the same difficulties that I am.

Recent posts:

Fix over-caching with dynamic IO caching in Next.js 15

Next.js 15 caching overhaul: Fix overcaching with Dynamic IO and the use cache directive.

David Omotayo
Aug 6, 2025 ⋅ 10 min read
LLMs are facing a QA crisis here’s how we could solve it

LLMs are facing a QA crisis: Here’s how we could solve it

LLM QA isn’t just a tooling gap — it’s a fundamental shift in how we think about software reliability.

Rosario De Chiara
Aug 4, 2025 ⋅ 7 min read

Windsurf vs. Cursor: When to choose the challenger

Windsurf AI brings agentic coding and terminal control right into your IDE. We compare it to Cursor, explore its features, and build a real frontend project.

Chizaram Ken
Jul 31, 2025 ⋅ 9 min read

The CSS if() function: Conditional styling will never be the same

The CSS Working Group has approved the if() function for development, a feature that promises to bring true conditional styling directly to our stylesheets.

Ikeh Akinyemi
Jul 30, 2025 ⋅ 12 min read
View all posts

11 Replies to "Create a search bar in React from scratch"

  1. Absolutely amazing!! I cant believe it can be so easy to do this with react. Im still surprised how amazing is this.

    Also I wanted to add there is a typo in: data.title.toLowerCase().includes(query.toLowerCase()). Instead of data.title should be post.title.

  2. What about searching for title that is not in the mock api, how do we display the ‘title not found message’ ?

Leave a Reply