Todo List React App | Part 1

Поділитися
Вставка
  • Опубліковано 5 жов 2024
  • Get 10,000 free mins to build app: bit.ly/3jL5FNd
    ZEGOCLOUD UIKits for Beginners: bit.ly/3I6JtGV
    Learn more about ZEGOCLOUD API: bit.ly/3HHTFUH
    Above links are related to ZegoCloud that provides snippets and sdk to make video and voice apps in less time and efficient way.
    👨‍💻 In this video, we will make a todo list using React.
    We will use following:
    Create React App npm package
    Bootstrap 👉 getbootstrap.com/
    Reactstrap 👉 reactstrap.git...
    This will be 2 part series
    2nd part link
    👉 • Todo List React App | ...
    In this part we will make a home page, we will make a popup with create task form and list items when task is saved.
    In next part we will design cards for saved tasks and make edit and delete functionality in todo list app.
    👉 Github: github.com/yat...
    For any queries mail at:
    👉 Email: yatharthverma070@gmail.com
    #reactjs #100daysofcode #todolist

КОМЕНТАРІ • 41

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

    I was having so much trouble trying to add item to the list through another class...Didn't know I could pass a function between them. THANK YOU SO MUCH

  • @hemendrasundharkumar7299
    @hemendrasundharkumar7299 3 роки тому +3

    Hi yatharth .good work loved your way of teaching. One request from side could you please use light theme for vs code for better experience. Now feeling little difficult to read the code.

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

      Sure would do that next time

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

      I understand your concern for light screen theme but when you start writing lots of code that light background is not good for your eyes, most experienced devs use dark themes as you will notice in most tuts.

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

      @@YatharthVerma bro in this how to add timestramp and due date

  • @gurleensingh9921
    @gurleensingh9921 2 роки тому +2

    Great Work Brother ❤️🙌🏻🔥

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

    great tutorial, quick question, shouldn't you use concat instead of pushing the values to the state?

  • @nitinworldwide
    @nitinworldwide 2 роки тому +2

    Feedback- change your vscode theme to light dark , less contrasting

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

    really great tutorial and subscribed 😃😃😃Expecting such nice explanations ahead

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

    Superb explained 🔥❤️

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

    Thank you!!!!

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

    @Anmol jain Is the issue resolved as I am getting the same error

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

    Im getting an error the entered text won't display and in console it says "Save is not a function"

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

    Brother i try to make this app but it doesn't work now due to updates as it doesn't work with higher node version and some of things are bot working

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

      can you explain in detail which things are not working. If its related to any library then make sure you are installing compatible library with your node and react version

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

    While making this its shows an error - saveTask not defined. can you help with it?

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

      Try to find out in which line this error is coming nd why saveTask is coming undefined. You must have written either wrong function name or maybe you have not declared the function saveTask. Try to do debugging

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

      @@YatharthVerma I have again watched your video and Its seems like the code i have written by watching your video is correct but then the saveTask shows the same that it is declared but its value is never read

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

      @@YatharthVerma Please acknowledge

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

      @@laxmiagarwal439 hy I checked my video saveTask function is passed as a prop to create task modal. There I am using it when create button is clicked. This function is called

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

    Thank you😇

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

    Hello yatharth !! Facing an issue please tell me when i make on onClick = {() => setModal(true)} everything vanishes from local host once I click on the button.

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

    Pop up is not getting open rather everything vanishes .

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

      same for me how to resolve the error ?

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

      did you resolve the error? facing the same problem... pop up is not working

  • @BauthainaBendib
    @BauthainaBendib 10 місяців тому

    CAN U SEND ME THE SOUCE CODE

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

    Hey on clicking create am not getting a pop up screen. Can you help with this. 🥺

    • @YatharthVerma
      @YatharthVerma  2 роки тому +1

      Hi, please check whether function in onClick is correct or not also check the state that u r updating when create button is clicked if that is properly passed to popup modal or not. Once recap the video.

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

      @@YatharthVerma thanks i am also facing same issue

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

    the next video i must mute the volume😬😬