Todo List app in React JS | map, filter and find functions in | Workshop Day 2 | Roadside Coder

Build a Todo list app in React JS. We will use map, filter and find functions along with useState in React JS.
source code - github.com/piyush-eon/react-t...

[@vaishnavilondhe9920]

this is the single most sorted explanation I came across. so simple to understand.

[@jaisharma545]

i recently find your channel and just get amazed by your content thanks for your awsome content.

[@RoadsideCoder]

Glad you liked it bro.. Comments like these motivate a lot!

[@akshatgupta1092]

@@RoadsideCoder doing a great job brother

[@suprabhatkumar5478]

Hi Piyush, at 1:00:39 where you said we need to return after setting the state, that proved to be a game changer for me. Thanks a lot

[@anshulkori9926]

Very nicely explained.!

[@jainababah6718]

Found what i was looking for ❤

[@excellencevictorkingsley6921]

This is the best RUclips tutorial ever.i give you 5🌞 sir.

[@RoadsideCoder]

Thank you so much 😀

[@pushpabhandari8848]

thank you , really helpful please create more videos on front-end interview !!!

[@shreyash8273]

Nice Explanation

[@AK-ww3yo]

Really great tutorial. Thanks.

[@nallaparajuamareshvarma8471]

Great video bro

[@vickydarlinn]

Beautifully explained... especially I liked the way....1st go with simple examples then go for complexes...

[@faizanraza558]

You are a Legend Bro! Keep it up

[@yogu99]

great video sir, really helped lot.......

[@ebenezergodwyll9902]

What extension gives the UseState Structure?

[@nileshnilu7902]

Finally I got the video👏

[@RoadsideCoder]

🎉🤘

[@dynamo7731]

Thank you sir

[@RoadsideCoder]

Welcome brother

[@PriyanshuKumar-uu4ug]

thanks piyush

[@webdev676]

Greate stuffs

[@imasunflowerlilfunny3353]

literally couldn't understand the edit button part..its so confusing ..with all these diff parameter names

[@wajidkhankhan1954]

Hi I am from Bangladesh I love your videos. Please can you make a playlist for zero to job ready developer.

[@RoadsideCoder]

Thanks brother. Sure I will make a playlist in future.

[@shivamjha.56]

@@RoadsideCoder where is part 1 of it ?

[@RoadsideCoder]

@@shivamjha.56 You can check my channel

[@BTSARMY-pf1qq]

Sir it's given that npx command is not found.Even though I've installed node.js packages.
How to solve this problem sir.

[@francisseneve2934]

MERN STACK tutorial I love your videos

[@RoadsideCoder]

Thanks

[@mrrishiraj88]

👍

[@siddharth3419]

What are the prerequisites for this series ? If it has any thn do you have that in channel ?

[@RoadsideCoder]

Just basic javascript.

[@siddharth3419]

@@RoadsideCoder sir is this playlist enough for learning react and giving interviews?

[@RoadsideCoder]

yes this will provide you all the basics, however I will recommend to follow my movie app project too!

[@ExpatTraderFX]

36:33

[@competitiveprogramming316]

todos.map() how map function knows it need to print new todo not whole array again?

[@siva.....45]

Good work.. but bro when I click the edit button why its accept the empty string also

[@RoadsideCoder]

You have to add the validation check for that

[@satwiksv2749]

❤❤❤❤❤❤❤❤❤❤❤❤❤❤❤❤❤❤❤❤❤❤❤❤❤❤❤❤❤❤❤❤❤❤

[@rajkirankelangi5751]

Please make video on same todo app with react-redux

[@vishnusingh2300]

32

[@raki0125]

why spread operatorn like and comment pls

[@VigneshKumarK]

Most confusing....in last part....next time try different naming.....this app fully.....todo todo todo ....everywhere todo...

[@RoadsideCoder]

Haha, my bad

[@abcc_tech]

This is the most readily described, which is really beneficial to newcomers.
I have added below codes to play with local storage.
let init;
if(localStorage.getItem('todos')===null){
init = []
}
else {
init = JSON.parse(localStorage.getItem('todos'))
}
useEffect(()=>{
localStorage.setItem('todos',JSON.stringify(todos))
},[todos])