To Do List React JS | React Project | React Tutorial In Hindi

Hey guys, welcome to my tutorial of todo list in react js. In this react todo app I have explained everything from scratch and I have also explained some important react tips that will be helpful.
I hope you get a good understanding from this video and you are also enjoying my react tutorial in hindi. If you like it please like and share it and do let me know your feedback in the comment section. Stay tuned and happy learning.. :)
Good Luck,
Sofia Goyal
Full Stack Development with React & Node JS - geeksforgeeks:
practice.geeks...
use coupon code SOFIA10 to get 10% off on this course
If you like my work you can support me and buy me a coffee at:
buy.stripe.com...
github link
initial set up - github.com/sof...
final code - github.com/sof...
----------------------------------------------------------------------------------------------------
To create react app:
npx create-react-app my-app
Link - create-react-a...
uuid:
npm install uuid
Link - www.npmjs.com/...
mui icons:
npm install @mui/material @emotion/react @emotion/styled
Link - mui.com/materi...
Related videos:
JS array functions explained:
• map, reduce, filter, f...
Local storage vs Session Storage vs Cookies:
• Local Storage vs Sessi...
----------------------------------------------------------------------------------------------------
HTML/CSS Interview Questions Series
• HTML/CSS Interview Qus...
Javascript Closures
• Closures In Javascript...
Introduction to Promises:
• Promises In Javascript...
Event Loop Tutorial
• Event Loop Javascript ...
React interview questions series:
• React Interview Questi...
Javascript interview questions series:
• Javascript Interview Q...
If you are looking for resume making tips, please checkout :
• How to Make a Resume |...
If you are willing to become a web developer, check this out :
• How to become a Web De...
For other interview tips and job change tips:
• how to get job during ...
• how to prepare for an ...
• interview tips and tec...
I will keep making these tutorials and will try to put my best into this so that i can provide you with the most relevant content.
Please keep supporting and if you like it please share with your friends.
to do list
to do list react js hindi
todo list in react js
to do list react
react todo app
react to do list
react js todo project
react js todo list
react todo list tutorial
react todo list project
react js todo list tutorial
react js todo app
react todo list for beginners
react todo list
react js todo list example
react js todo list app
react js todo app project
react js todo app
react js todo app in hindi
react to do list project
todo list app in react js
react to do project
react todo
react todo list app tutorial
to do list in react js
create to do list with react
react todo app using hooks
todo list react
react js todo
react to do list app
todo list using react js
reactjs todo app example
to do list using react js
to do list kaise banaye
create to do list
react projects for beginners
react projects for portfolio
react projects
react project
react tutorial
react tutorial for beginners
react tutorial 2023
react tutorial in hindi
react tutorial for beginners in hindi
reactjs tutorial for beginners
reactjs tutorial
reactjs tutorial in hindi
reactjs tutorial 2023
reactjs tutorial for beginners in hindi
react js tutorial
tutorial for react js
react js tutorial hindi
typescript tutorial for react js
tutorial for react
Stay Connected:
Linkedin : / sofia-goyal
Facebook : / sofigoyal14
Instagram : / sofi_goyal
Twitter : / sofiagoyal14
#reactjs #reactjstutorial #react #sofiagoyal

[@respectgmechager8054]

Thanks mam..or videos bnao esi hi...boht helpful hai

[@SofiaGoyal]

there will be more soon :)

[@SofiaGoyal]

Get the Full stack geeksforgeeks course using this link -
practice.geeksforgeeks.org/courses/full-stack-node?
Use coupon code *SOFIA10* to get 10% off on this course
Book 1:1 with me
topmate.io/sofia_goyal
If you like my work you can support me and buy me a coffee at:
buy.stripe.com/14k2aI2if8apadydQQ

[@loke3969]

Thanks a lot sofia

[@codebalancer1602]

Thanks for your such awesome content...😊

[@RavindraSingh-lp9pl]

@sofiya
I was recently asked below interview question-
Display the bellow 2 cart items separately in the list on a screen e.g
cartA = ["apples", "bananas", "grapes", "oranges", "pears", "pineapple"]
cartB = ["potatoes", "beans", "carrots", "spinnach", "kale", "broccoli"]
Add a button on the screen, on click of the button swap only the odd item from cart A, with odd items in cart B.
Can you please give me solution for above problem please?

[@SofiaGoyal]

Hmmm, you can have 2 cart states cartA and cartB, and then you can give 2 buttons for adding to both carts, and then for swapping just create a swap button and on click of that render cartA array and then swap the even index (because you need to swap odd items so index will be even) with the index item of cartB and vice versa. You can use a third var for swapping also

[@tapaseditzz2439]

thanks alot sofia

[@ArpithaIndira]

Thank you so so much 🫡🙏

[@SofiaGoyal]

🙏

[@gurjeetsinghkalsi2826]

thank you

[@gayathrig3767]

English subtitles would be helpful for a global audience 😢. Thank you

[@SofiaGoyal]

the new react videos are available with english subtitles now, hope that helps 🙏

[@GGg-jq5uv]

​@@SofiaGoyal ❤ keep this Sofia .. I noticed .. thanks for your efforts.

[@gayathrig3767]

​@@SofiaGoyalthanks a lot ❤ Sofia goyal.

[@dipeshjoshi9126]

great

[@SofiaGoyal]

🙏

[@yoanonymous897]

Mam please make videos on Vue js too

[@negi-pn5l]

App.css????????

[@abdulqayyum7462]

Visibility issue zoom karo plz

[@SarathChandran96]

100th like is me 😎

[@SofiaGoyal]

Thanks a lot 🙏

[@HasnainkhanKhan-fj8db]

Hello ma'am

[@SofiaGoyal]

Hello

[@HasnainkhanKhan-fj8db]

@@SofiaGoyal please provide your email ma'am

[@SofiaGoyal]

You can contact me over linkedin or if you need any detailed guidance you can connect with me at - topmate.io/sofia_goyal/

[@UdayPawarUdi]

U look like dhinchak pooja

[@SofiaGoyal]

Bas yahi sunna baki reh gaya tha 😅