React for Beginners #9 - Filtering/Searching for Data

Welcome back to another React tutorial! In this video, I'll be showing you how we can filter data. In the previous videos we set up a search bar but it didn't work, but today I'll show how we can search and filter through items.

⭐️ Timestamps ⭐️
00:00 | Introduction
00:33 | Filtering Data

◼️◼️◼️◼️◼️◼️◼️◼️◼️◼️◼️◼️◼️◼️
💰 Courses & Merch 💰

🔗 Social Medias 🔗

🎬 My YouTube Gear 🎬

💸 Donations 💸
◼️◼️◼️◼️◼️◼️◼️◼️◼️◼️◼️◼️◼️◼️

⭐️ Tags ⭐️
- Tech With Tim
- React
- React Tutorial
- Programming
- Filtering Data
- Searching Data

⭐️ Hashtags ⭐️
#TechWithTim #ReactTutorial

[nikoghos]

Every episode of this tutorial has less views than the previous one, which means more people are giving up. If you are reading this: I believe in you, don't give up

[TobiPlayHD]

Im curious as to how well that’ll scale with let’s say hundreds or thousands of entries to filter through. This approach to filtering seems kind of expensive in terms of how many iterations over the data array are required.

[azeridevelopswebsites]

function only works - as obviously seen - if you have a name in it. Without a name a filter cannot occur.

[Dunell_]

The approach to filters doesn't seem to work without any input into Name field, any idea how to fix that bug?

[labibmimon]

You said that you would make a video on Django project deployment. you haven't made it yet. please make it soon.

[milosmilic]

That thing with obj equality is wierd in js, basically js will return true only if you comparing the same obj entity for example
let a = {}
let b = {}
a == b // false
Wierd stuff :)

[jjzfive]

Can anyone help me understand why there's not an issue passing the parameter "data" into the filterData() function, since there's already a state variable called data? Wouldn't having the state variable "data" conflict with the search parameter "data"?

[skuffd-semicolon]

I had some weird behavior where comparing filters.price !== 0 was returning true. my filter was 0, by surrounding 0 with quotation marks the filter works correctly. And yet when I put in numbers the number comparison > was also still working. Very new to JS and this would never fly in C# or Python. What is going on here??

[mordye]

Does anyone run into an error when filtering things above 10?

[smoothrain]

Analyse content people stop saying” “ first” 😕😕 you dont know how much this might be helpful in your life …but anyway welcome people