How to Build a Todo-List-App with React | Beginner Project

Hey guys, welcome back! In this video, I will be showing you guys how to make a Todo-List-App using React. I'll show you a demonstration of how the app works and then I'll teach you how to build it.
If you don't know about React, React is a JavaScript library for building user interfaces. It was developed by Facebook and Instagram engineers to address challenges in building large applications with data that changes over time. React's declarative, efficient, and flexible nature make it an ideal choice for building user interfaces.
Code: github.com/arpanneupane19/rea...
My Website: arpanneupane.com
My GitHub: github.com/arpanneupane19
My Programming Gear :
Keyboard: amzn.to/42vXkxh
Laptop: amzn.to/3CkAP3W
Laptop Stand: amzn.to/3X116Oi
Desk: amzn.to/43wmIEt
Monitor: amzn.to/42BAaFH
Monitor Arm: amzn.to/3NR0APS
Chair: amzn.to/42vvKAn
Desk Mat/Mousepad: amzn.to/43AhKqj
Microphone: amzn.to/45RuQ43
Headphones: amzn.to/445sf4R
Official React Documentation: react.js/org
#React // #TodoListApp // #LearnToCode

[@clingyking2774]

Finally a todo list that was not over-engineered, bloated with styles, taught as if I have a decade of experience. It was just something neat, cool, refreshing. I like the explanations. The code was exactly simple enough for me to understand.

[@stfnylim]

I actually think you have the most useful tutorials because they are super straightforward and fundamental. You know exactly what to include and not include, and it makes it a lot easier for me to research what you didn't cover in this tutorial!

[@ArpanNeupaneProductions]

Thanks!

[@boothekwan9422]

your explanation is so clear to me! Thank you so much

[@ingrid7671]

Thank you so much! Very clear explanation!

[@ONE1x]

the best todo tutorial in youtube.

[@MasterPigeonXD]

This was super useful Arpan. I made one slight adjustment though to make learning a bit clearer; I named the todo object todoObject and its property todoProperty. This way the code on line 32 reads: {todoObject.todoProperty} I was finding it super confusing when things had the same names! This doesnt take away from your guide, you still get a 10/10 my friend

[@nombi7636]

Thank you Sir, this is simple and stride forward tutorial, easy to understand....., I was looking for this approach ages....:)

[@Chrisalex_]

Thank you for making something we all can understand 🎉

[@karlwalker3657]

I actually learnt a lot from this

[@abdessamadahmali3935]

Greate job ! keep going

[@RishavKumar-xg7to]

Too good 🙏

[@zoltancaputo9562]

good fundamentals... tks a lot

[@YaroslavNechyporuk]

Dude, thank u!❤❤❤❤❤❤❤

[@sepehrdera3064]

That was pretty helpfull thanks budy😅

[@milesthomas3317]

Very useful!

[@ArpanNeupaneProductions]

Thank you!

[@icen1881]

thank you so much

[@tareqrahman9391]

thanks a lot

[@elahehabibi6604]

it was good. you made it easy to learn👍

[@ArpanNeupaneProductions]

Glad you liked it!

[@royliujang5637]

I'm so impressed by your achievement at the age of 14, and as a beginner of python, I actually learned a lot from you, because you presentation is so concise and neat, and I have no problem at all for following and understanding what you said and I do sincerely asking you to make more tutorial videos of DSA of python, because there are not many people have taught this topic, even if they did, they did not have a detailed process on how to analyze the problems or show us how to code in python. Please make more videos and I hope that one day there will be 100000 subscribed your channel, keep it up .

[@ArpanNeupaneProductions]

Thank you for your support, and I will!

[@royliujang5637]

@@ArpanNeupaneProductions and out of curiosity, what makes you learning programming? And how did you learn? Did u take any courses? Or learn them through textbooks? Did anyone teach you as well? Because as a beginner , I always wonder how other programmers learn as well?

[@ArpanNeupaneProductions]

@@royliujang5637 Well, it first started in 5th grade when I was placed in a coding program in my school district where they taught Scratch (block code). A few months later, I found out about Python and decided to learn it by building computer games. I learned the basics and once the pandemic hit in 2020, I decided to code everyday to get better and followed various KZbin channels in helping me learn. Then, once I had gained knowledge on web development, I decided to make videos to help others who may be struggling or are wanting to learn.

[@royliujang5637]

@@ArpanNeupaneProductions Thank you for what you did, I truly mean it I learned a lot from you and I hope one day I could do the same thing just like you did ,which contribute others with your knowledge and profession, Thank you so much

[@ArpanNeupaneProductions]

@@royliujang5637 You got this!!

[@mubmibmommam684]

good

[@nasifshah5691]

At 9:25 you added ×. What button is this?

[@ludehuang6783]

Hi! I have no problem following ur instructions so far! but when I try to fresh the local3000, it is NOT working if I included lines 30-34, under the ul component. when i delete that line, the local3000 shows up again. i am using window... is anyone having that issue?

[@maferojedac]

Same here :(

[@nisze4155]

me also, dk why..

[@nisze4155]

i have some issue of my code.

[@cantedit9285]

Do you have a new website link? Because your website no longer exist.

[@ArpanNeupaneProductions]

Hey yeah I do. I’m moving the site from one server to another server and was having problems with the domain transfer (it should be up and running in a few days). In the meantime, you can go to this one here: arpanneupane.netlify.app

[@cantedit9285]

@@ArpanNeupaneProductions ohh i see thanks for the info!

[@ArpanNeupaneProductions]

@@cantedit9285 The site is back to normal now! You can check it out here: arpanneupane.com

[@cantedit9285]

@@ArpanNeupaneProductions that's great to hear! the website has a very neat design!

[@ArpanNeupaneProductions]

@@cantedit9285 Thank you!