Todo List Application using React JS in Hindi | React Projects for beginners in Hindi

Поділитися
Вставка
  • Опубліковано 17 гру 2024

КОМЕНТАРІ • 78

  • @hemantaggarwal2216
    @hemantaggarwal2216 Рік тому +3

    Best channel for beginners

  • @nishabhowmick888
    @nishabhowmick888 9 місяців тому +1

    Please do more simple projects for beginners on react js.. your videos really helped us pls do ❤

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

    Thank you for explaining well.and everything is clear now.

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

    Your efforts are great. Pls make more small projects. Its great to learn

  • @Robin_biju
    @Robin_biju Рік тому +2

    I implemented this in my e-commerce project. Thanks, Bro

  • @ankitchaurasiya529
    @ankitchaurasiya529 7 місяців тому

    Nice Video with great Explanation.
    love from DELHI

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

    Great Teaching Style

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

    thats great video on Todos list thanks bro

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

    bhai apne bho achha samjhaya lekin mujhe to node-persist ka use kar ke bnana tha api ke through le me after watching full video

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

    create update button and if i click on update button then then input field button also change in update button after update

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

    Best explanation🙌👍

  • @kapilrana4043
    @kapilrana4043 8 місяців тому

    bhai page refresh par data na delete ho tod o list se ek baar agar add hojaye to localStorage wala concept kaise lagega isme ye batao

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

    thankyou so much for this video. really helpful!

  • @techmay1201
    @techmay1201 11 місяців тому

    Bhai isme edit feature bhi add karke ek video bata sakte ho?

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

    Thank u sir u solved my big problem

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

    great work Sir please make more videos.

  • @ms.perfectionist2835
    @ms.perfectionist2835 Рік тому

    Mujay issues face horaha hy can u help me my terminal is giving me errors when im using npx
    Because i use to use npm in command prompt terminal

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

    Vrooo thank you soo much.. And i really mean it. U made my day❤

  • @AS-xz2ni
    @AS-xz2ni Рік тому

    loved your work

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

    Very well explained 🎉❤Thank you 😊

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

    i can't find your CSS help me
    🙏🙏🙏🙏

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

    Sir Can you help me with the progress bar along with the description

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

    very well explianed. we need more content from your side.

  • @atultilekar-gc7pl
    @atultilekar-gc7pl Рік тому

    usefull video....👌👌💯💯💯💯💯💯

  • @AbhishekSinghRautela-u2v
    @AbhishekSinghRautela-u2v 7 місяців тому

    bhai yeh shortcut bata doh div>.input-container ho ni ra yeh kaise set kare apne laptop par

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

    very informative

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

    Best ❤

  • @afzalguru643
    @afzalguru643 7 місяців тому

    Sir page refresh ho kr task remove ho raha hai is code mai ... That's are not good page refresh nahi hona chai hai
    write the code of does't page refresh.

    • @computernerds
      @computernerds  7 місяців тому

      You can store values in local storage. Then values will not be removed when the page is refreshed.

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

    It's a great one brother! well Explained 💕❤

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

    Complete video series bnao with project...

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

    Best for beginners

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

    when we refresh our page the whole list is deleted,,, can we use firebase to avoid this..
    please reply

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

      Yes, You can use. Also you can use local storage.

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

      ​@@computernerds bro i tried using local storage but i couldn't get 😢, can you help me with that?? I'll send you the code below

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

      @@computernerds import React, { useState , useEffect} from 'react'
      import "./App.css"
      import './App.css';
      import TodoInput from './components/TodoInput'
      import TodoList from './components/TodoList';
      function App() {
      const [listTodo, setListTodo] = useState([]);
      useEffect(() => {
      const items = JSON.parse(localStorage.getItem('items'));
      if (items) {
      setListTodo(items);
      }
      }, []);

      useEffect(() => {
      localStorage.setItem('items', JSON.stringify(listTodo));
      }, [listTodo]);
      let addList = (inputText) => {
      if(inputText===''){
      alert("type something");
      }
      else {
      setListTodo([...listTodo,inputText]);
      }
      }
      const deleteListItem = (key)=>{
      let newListTodo = [...listTodo];
      newListTodo.splice(key,1)
      setListTodo([...newListTodo])
      }

      return (



      TODO

      {listTodo.map((listItem,i)=>{
      return(

      )
      })}


      );
      }
      export default App;

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

    Well explained I am learning react and your video really helpful

  • @CSSachinSasane
    @CSSachinSasane Рік тому +2

    props.addlist not working...any one help

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

      What is the problem occuring? Check the code once and then try.

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

      @@computernerds bro I'm trying same code but it is showing props is not defined..no-undef

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

      Can u pls help

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

      @@CSSachinSasane Check if its 'addList' or 'addlist'. check if your naming convention is proper or not.

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

      @@CSSachinSasane check if you are passing array as a parameter to setTodoList

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

    Thank you ❤

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

    great tutorial brother, very well explained!

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

    When i click on add button my last list is deleted

  • @Replcate
    @Replcate 8 місяців тому

    in this you cannot edit the existing todo list item

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

    Css file not available

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

    It Was nice

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

    Sir isme hum delete k sath sath update kse kre

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

    osm video bro

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

    delete not working

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

    you should provide the github link so if error are there we can check

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

    bhai edit ke lie yo bataya hin nai😢

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

    Javascript and reactjs k upar

  • @csengineer8819
    @csengineer8819 2 місяці тому

    super bhaiya
    20/09/2024

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

    Good

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

    Enterkey logic not working

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

    please sir ek weather app banano react js se

  • @amanyadav6093
    @amanyadav6093 8 місяців тому

    edit ke liye liyetoh bataya hi nahi

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

    Please make a multi Language project for multiple pages using Json data ❤️

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

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

    Nai chal ra bhai

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

    Your code was not run

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

      Follow the convention like todoInput is wrong, TodoInput is right. Idk the reason behind it but it worked for me.

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

    Le jate he Bahar mulk apni olad ko..phir expect krte he k Desi ban k Rahe ge .

  • @PrajwalPande-gw7ph
    @PrajwalPande-gw7ph Рік тому

    Not good contênt