FREE React Hooks Simplified Course: https://courses.webdevsimplified.com/react-hooks-simplified

Filtering is one of the most common things you will do as a developer, but it is something most developers do wrong in React. In this video I want to showcase some of these incorrect approaches as well as show you the correct way to create a search filter in React.


Materials/References:

FREE React Hooks Simplified Course: https://courses.webdevsimplified.com/react-hooks-simplified
GitHub Code: https://github.com/WebDevSimplified/react-search-filter


Find Me Here:

My Blog: https://blog.webdevsimplified.com
My Courses: https://courses.webdevsimplified.com
Patreon: https://www.patreon.com/WebDevSimplified
Twitter: https://twitter.com/DevSimplified
Discord: https://discord.gg/7StTjnR
GitHub: https://github.com/WebDevSimplified
CodePen: https://codepen.io/WebDevSimplified


⏱️ Timestamps:

00:00 - Introduction
00:30 - Setup
01:55 - Basic State Setup
05:35 - Naïve Filtering Approach #1
07:35 - Naïve Filtering Approach #2
09:41 - Correct Filtering Approach


#React #WDS #ReactSearchFilter