How to use filter method with React - React Tutorial 2017

Learn how get a new updated state using ES6 .filter method.

React 101 - Free Online Course

Want to see more React tutorials? Let me know in the comments.

THE BEST OF

SUBSCRIBE

LET'S CONNECT!
Ihatetomatoes

Petr Tichy

[anshvijay]

my god this helped me in so many ways i love you

[plelkes]

where/how can I find the video before this one?

[CarlosHernandez-tgvj]

how would you refactor your code to a funtional component?

[Joengethe]

@Ihatetomatoes Awesome tutorial as always Petr! I always learn something new. Cheers!

[oneeuro]

Great Tut. This is really enlightening on many levels!

[maksimmarkelov]

Hello Petr! Your tutorials are awesome. Can you tell why do you use filter for remove item? Can we use splice for this purpose? Thx!

[muvvasuresh]

Could you please make a video on Single page app with react

[wisnuaryadipa]

Hello Petr, I have a question about includes the array.

How to use includes when my array like this ===> { "_id" : 1, "buyItems": "Mango"}

[rajeshganne]

i want add only limited items like 7 or 8

[edizcelik]

Hey Petr, I have a question about performance.

When deleting an item, you create an anonymous function and then call removeItem function with an argument of the item to be deleted { (e) => this.removeItem(item) }. This means that every time render function is called to re-render the component, we will be creating an additional function. I don't think it will be a big issue for a small scale application but wouldn't this cause performance problems for a bigger application? This is also mentioned in the docs. Is there a better way to do the same without an arrow function ? I mean if we don't use the arrow function, is there a way to pass arguments to our callback functions?

I would appreciate your comments on this :)

[phillipscards]

Another great tut! Do you have this code on Github?

[GniewkoOstrowski]

why using [...newBuyItems], not newBuyItems directly? Wouldn't it be faster?

[ilaraca]

Thank you so much for this video! Helped me a lot! : D

[dostaquitos]

Within the first 10 seconds, I said, "This guy is Czech".