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

Поділитися
Вставка
  • Опубліковано 5 жов 2024
  • 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/piy...

КОМЕНТАРІ • 48

  • @jaisharma545
    @jaisharma545 3 роки тому +9

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

    • @RoadsideCoder
      @RoadsideCoder  3 роки тому +1

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

    • @akshatgupta1092
      @akshatgupta1092 2 роки тому

      @@RoadsideCoder doing a great job brother

  • @vaishnavilondhe9920
    @vaishnavilondhe9920 2 роки тому +3

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

  • @excellencevictorkingsley6921
    @excellencevictorkingsley6921 Рік тому +1

    This is the best UA-cam tutorial ever.i give you 5🌞 sir.

  • @suprabhatkumar5478
    @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

  • @vickydarlinn
    @vickydarlinn Рік тому

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

  • @jainababah6718
    @jainababah6718 5 місяців тому

    Found what i was looking for ❤

  • @imasunflowerlilfunny3353
    @imasunflowerlilfunny3353 Рік тому +1

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

  • @abcc_tech
    @abcc_tech Рік тому +1

    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])

  • @anshulkori9926
    @anshulkori9926 Рік тому

    Very nicely explained.!

  • @pushpabhandari8848
    @pushpabhandari8848 2 роки тому

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

  • @amomentbefore...8990
    @amomentbefore...8990 2 місяці тому

    what time is the next workshop?

  • @shreyash8273
    @shreyash8273 Рік тому

    Nice Explanation

  • @AK-ww3yo
    @AK-ww3yo 2 роки тому

    Really great tutorial. Thanks.

  • @faizanraza558
    @faizanraza558 2 роки тому

    You are a Legend Bro! Keep it up

  • @wajidkhankhan1954
    @wajidkhankhan1954 3 роки тому +2

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

    • @RoadsideCoder
      @RoadsideCoder  3 роки тому

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

    • @shivamjha.56
      @shivamjha.56 2 роки тому

      @@RoadsideCoder where is part 1 of it ?

    • @RoadsideCoder
      @RoadsideCoder  2 роки тому

      @@shivamjha.56 You can check my channel

  • @nallaparajuamareshvarma8471

    Great video bro

  • @ebenezergodwyll9902
    @ebenezergodwyll9902 Рік тому

    What extension gives the UseState Structure?

  • @nileshnilu7902
    @nileshnilu7902 3 роки тому

    Finally I got the video👏

  • @yogu99
    @yogu99 2 роки тому

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

  • @PriyanshuKumar-uu4ug
    @PriyanshuKumar-uu4ug 2 роки тому

    thanks piyush

  • @siva.....45
    @siva.....45 2 роки тому

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

    • @RoadsideCoder
      @RoadsideCoder  2 роки тому

      You have to add the validation check for that

  • @webdev676
    @webdev676 2 роки тому

    Greate stuffs

  • @siddharth3419
    @siddharth3419 3 роки тому

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

    • @RoadsideCoder
      @RoadsideCoder  3 роки тому

      Just basic javascript.

    • @siddharth3419
      @siddharth3419 3 роки тому

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

    • @RoadsideCoder
      @RoadsideCoder  3 роки тому +2

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

  • @dynamo7731
    @dynamo7731 3 роки тому

    Thank you sir

  • @BTSARMY-pf1qq
    @BTSARMY-pf1qq 2 роки тому

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

  • @competitiveprogramming316
    @competitiveprogramming316 Рік тому

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

  • @rajkirankelangi5751
    @rajkirankelangi5751 2 роки тому

    Please make video on same todo app with react-redux

  • @ExpatTraderFX
    @ExpatTraderFX Рік тому

    36:33

  • @raki0125
    @raki0125 Рік тому

    why spread operatorn like and comment pls

  • @mrrishiraj88
    @mrrishiraj88 2 роки тому

    👍

  • @VigneshKumarK
    @VigneshKumarK 2 роки тому +3

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

  • @francisseneve2934
    @francisseneve2934 3 роки тому

    MERN STACK tutorial I love your videos

  • @vishnusingh2300
    @vishnusingh2300 9 місяців тому

    32

  • @satwiksv2749
    @satwiksv2749 3 місяці тому

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