Тёмный

Todo List in React JS in Hindi | ReactJS Simple Project for Beginners | Mini Project Reactjs  

Yoshita Jain
Подписаться 19 тыс.
Просмотров 76 тыс.
50% 1

Hi people, in this video we will learn coding of full fledged react project which includes-
1. useState Hook
2- Map Function
3- Filter Function
and many more concepts..
****************************************************************************
#reactjs #react #beginners #reactjstutorial #hook
Thank you guys for supporting ‪@yoshitajain0812‬ Channel
Love
Yoshita

Опубликовано:

 

4 окт 2024

Поделиться:

Ссылка:

Скачать:

Готовим ссылку...

Добавить в:

Мой плейлист
Посмотреть позже
Комментарии : 213   
@sumitmishra7644
@sumitmishra7644 Год назад
Hello I have watched all of your videos. Trust me its amazing earlier I had bought a udemy course on React but my concepts were not that clear as that course had complex code but your course is truly beginner friendly so its good and I recommend everyone to follow your playlist. Keep making more and more videos on react concepts with easy explanation.
@shoaibalam7855
@shoaibalam7855 Год назад
There are so many todo list projects on YT( for 'beginners' apparently) but not a single one of them explained why they are using what they are using. This is perfect. This is what I needed. Learned a lot. Thank you so much. Hope to learn again in the future!
@asjadhaider1454
@asjadhaider1454 Год назад
kindly provide css code also.
@earnwithvky39
@earnwithvky39 Год назад
True Shoaib Bro
@akhilmahajan6608
@akhilmahajan6608 Год назад
I searched many places where I can understand this basic project and honestly this is the best I came across with. May God bless you!❤
@LogicLearners_0
@LogicLearners_0 8 месяцев назад
AWESOME playlist of react, highly recommended for beginner.
@tasneem378
@tasneem378 Год назад
Good Work in React JS
@rohitpal6496
@rohitpal6496 2 года назад
Very informative video kindly upload more videos
@prashantkumar-mw4ig
@prashantkumar-mw4ig 2 месяца назад
This video cleared my all doubts... it was really helpful!!!
@anshulsharma9649
@anshulsharma9649 Год назад
you really explain in such a simple way that it's easy to get the concepts .... you should start a live e-commerce or social media projects for react js. it will be very helpfull to all of us ... i am waiting eagerly for this project
@cs63vaibhav25
@cs63vaibhav25 Год назад
to the point explaination and easiest implementation ....
@ankitkumarvishwakarma5759
@ankitkumarvishwakarma5759 Год назад
बहुत ही अच्छे से आपने explain किया हैं,Thank you❤
@UdayPawarUdi
@UdayPawarUdi 5 месяцев назад
Very clear to understand. Simple explaination of code.
@Aanchal927
@Aanchal927 6 месяцев назад
the way you teach and explain every line of code is very helpful kindly make more project of beginners to advance for especially 2024 where getting job is very tough
@AfzalAnsari-hz5ck
@AfzalAnsari-hz5ck 2 года назад
Well explained, Pls upload one more video on CRUD operation.
@ramurama-py5pt
@ramurama-py5pt Год назад
Synchronous and Asynchronous part is explained deeply the logic of coding and its execution already subscribed. Thankyou.
@anujshukla2913
@anujshukla2913 24 дня назад
very nice
@naqeebullah6421
@naqeebullah6421 6 месяцев назад
your teaching and Explaining method is so simple and very understandable., its Good Thanks I learned from it.
@harshitagupta8641
@harshitagupta8641 3 месяца назад
Well explained ma'am you are the best teacher thank you so much ma'am 🥰❣️❣️
@lovelybharti4371
@lovelybharti4371 2 месяца назад
one of the best video for begginers
@susilkumarbehera1681
@susilkumarbehera1681 Год назад
Easy to learn by your video. Thanks a lot..........
@mohammadrayhan1283
@mohammadrayhan1283 Год назад
Your teaching method is very nice and your language very clear . I enjoy it very much. Please make more react project video. Thanks
@RajathBasavaraju
@RajathBasavaraju Год назад
CSS : body { background-color: #ccddff; } .app { text-align: center; } .container { width: 50%; padding: 20px; background-color: rgb(7, 2, 71); justify-content: center; margin-left: 26%; margin-top: 5%; text-align: center; padding: 20px; } input[type=text], select { width: 80%; padding: 12px 20px; margin: 30px 0; display: inline-block; border: 1px solid #ccc; border-radius: 4px; box-sizing: border-box; } button { width: 15%; background-color: #4caf50; color: black; padding: 14px 20px; margin: 8px 0; border: none; border-radius: 4px; cursor: pointer; font-weight: bold; } button:hover { background-color: #45a059; } .header { width: 100%; padding: 12px 20px; color: white; font-size: 50px; } .list-heading { color: rgb(15, 14, 14); font-size: 50px; text-align: left; background-color: cadetblue; width: 60%; } .listData { color: black; font-size: 20px; background-color: rgb (164, 203, 237); text-align: left; padding-left: 30px; width: 53%; padding-bottom: 2%; padding-top: 2%; border-radius: 10px; } .btn-position { position: relative; left: 11%; top: -54px; }
@sauravsingh471
@sauravsingh471 8 месяцев назад
Thanks a lot !!
@prafulcharde2871
@prafulcharde2871 Месяц назад
thanks a lot
@umairahmedofficial1
@umairahmedofficial1 2 года назад
Very very thanks You Yoshita...❤ mujhe kahi nhi mila aisa project
@shivamverma5766
@shivamverma5766 2 года назад
bahut hi achhe se samjaya apne aise hi project par video banate rahna 👌👌👌👌
@MohanKumar-ri8pm
@MohanKumar-ri8pm Год назад
I'm form Tamilnadu , I know little bit of Hindi, eventhough I understood the concepts, you are really doing a good work, and concepts are easy to understand ...
@ffmymusic
@ffmymusic Год назад
Thanks dude ☺️mujhe ye arrays bala video chaiye th aur finally mil gya
@mzxgaminig8289
@mzxgaminig8289 Год назад
ver well explain , i saw multiple tutorial but this give me understanding off full code thanks mam
@pooja3711
@pooja3711 Год назад
Perfect project i got on youtube for beginners .You explained it very nicely step by step how to approach .please make more small projects that will be helpful.
@AsmitaYadav-nv6qy
@AsmitaYadav-nv6qy 3 месяца назад
Well done! I ws struggling frm a week n finally got this one, concepts r cleared. Thanku so much for these amazing videos. Keep it up👍
@mohammadjunaid1924
@mohammadjunaid1924 Год назад
Mam you have explained in a very very good way that I can make todo list project easily..... and I don't word to say thank to u Mam
@earnwithvky39
@earnwithvky39 Год назад
Awesome Yoshita, your teaching method is great 👌, please make another video on the project from scratch, with API Calling, JWT, google Authentication, Payment Gateway etc.
@rajeshkumarganinathinfotech
@rajeshkumarganinathinfotech 10 месяцев назад
good source for learning Thanks Yoshita
@rakeshkumarparida98
@rakeshkumarparida98 Год назад
Great Explanation Mam. One request mam.. create a separate playlist for react projects so that when we are in your channel looking for more react projects we can get easily..
@Creator-cl6vs
@Creator-cl6vs 11 месяцев назад
very very interesting this video
@dip11it
@dip11it Год назад
on map method you have set a div inside . it is ok for practise, but not good at teach.
@gopalprasad4447
@gopalprasad4447 Год назад
Thank you so much ma,am😊😊😊😊😊😊😊😊😊😊
@sankalpshedge6677
@sankalpshedge6677 6 месяцев назад
Great for me
@adnanmalik3723
@adnanmalik3723 Год назад
Good
@anish_rawat-i3m
@anish_rawat-i3m 11 месяцев назад
no words for saying thank you really mam very very nice
@surajitbhattacharjee333
@surajitbhattacharjee333 5 месяцев назад
Very informative vedio. Learnt a lot. Thanks...:)
@salmanraza751
@salmanraza751 Год назад
really its good video for biggner
@_shashikantVishwakarma_EE
@_shashikantVishwakarma_EE Год назад
Thank you Yoshita for this wonderful explanation. I put that project on my resume and got selected in United Airlines. Thanks to you 🥰
@yoshitajain0812
@yoshitajain0812 Год назад
So happy for you... All the very best 🤗🥳
@nihalshukla2595
@nihalshukla2595 7 месяцев назад
To much Thanks for this
@AmarSingh-ih5lx
@AmarSingh-ih5lx Год назад
nice video
@shariqansari9433
@shariqansari9433 2 года назад
Bohut hi behtreen samjhaya
@yoshitajain0812
@yoshitajain0812 2 года назад
Shukriya :)
@bw1990
@bw1990 2 года назад
mam, it would be great to have a playlist of html, css, javascript and react.. for someone like us who wants to be front end developers.
@waqarali191
@waqarali191 10 месяцев назад
Well explained information
@hariom-m2l
@hariom-m2l 8 месяцев назад
thank you maam you are amazing teacher
@MohanKumar-ym9ff
@MohanKumar-ym9ff Год назад
Really this video is very easy and very awesome 🥰
@hemantjha8625
@hemantjha8625 Год назад
Very nice video yoshita great explaination , I was only stuck on remove single task logic but you write I!=id iski jagah I!==Id hoga ...baki smooth logic thanku so much for this ...very grateful for your effort...
@friendshipwithjavascript
@friendshipwithjavascript 11 месяцев назад
nice😇
@dharmganga776
@dharmganga776 Год назад
i love you mam.... i m falling in love with your teaching skills.... its fantastic... awesome explained each and every terms except css. agar css bhi explain kar dete to perfect ho jata beginers ke liye...
@itturks675
@itturks675 Год назад
this video cleared my concepts of react really helpful for me ap parhati bohot acha ha😇
@perminderkaur4572
@perminderkaur4572 Год назад
Very good tutorial
@dksingh9771
@dksingh9771 Год назад
Thank you so much ma'am
@KuldeepSingh-hi1bg
@KuldeepSingh-hi1bg Год назад
wonderful explanation 👌👌
@web-dev.ashishk
@web-dev.ashishk Год назад
Hi Yashita Your video are very help full i always struggle to make project But after watching this project i Make my own todo application , now i am feeling great , Please make more videos Like this .
@vatansrivastava7279
@vatansrivastava7279 2 года назад
Mam your explanation is superb. Tysm for the video
@sufiyanpatel2645
@sufiyanpatel2645 Год назад
Perfect Teaching
@sherhanan1219
@sherhanan1219 Год назад
Great teacher
@nitinkumar864
@nitinkumar864 Год назад
Thank you mam 💖 you explain in a simple good way
@riddhipandya2281
@riddhipandya2281 Год назад
Thank you didi bahot a6a aapne explain kiya.. Bigginers K liye bahot acha project hai.. Ek or Request h didi plzz React.js pr bada or 1-2 projects banaona plzz... Aap deep me explanation krte ho to Or sikhne ko milta hai plzz didi.. & Thank you 😊😊❤
@prabhashray801
@prabhashray801 Год назад
very well explained
@bhanusingh5696
@bhanusingh5696 2 года назад
Thanks you for making this video....
@Chaxzer
@Chaxzer 2 года назад
nice yaar aapne isko sabse easy way mai bataya hai kai channel janboojke complicate kiye the isko taki sourse code ko bech sake
@zeelthakkar173
@zeelthakkar173 Год назад
Thankyou so much for this video helped me a lot and very simple
@dilipdwiveedi1611
@dilipdwiveedi1611 2 года назад
Nicely Explained... Well done
@surajburman7543
@surajburman7543 7 месяцев назад
thankyou ma'am, you're just awesome 🥳
@alokkumarbhol7204
@alokkumarbhol7204 2 года назад
You always rock well explained.
@reshmafarheen2596
@reshmafarheen2596 Год назад
Please make so many new projects ma'am thankyou so much great explaination
@pankajkumar-gy9co
@pankajkumar-gy9co Год назад
its awesome.
@AlokZebratechies
@AlokZebratechies Год назад
Jai Jinendra
@paruldamahe7969
@paruldamahe7969 Год назад
great explanation
@ashupratap9960
@ashupratap9960 Год назад
16:30 nice catch... we should use it when there is some updation in the previous value or some kind of dependency ....it would work just fine in other cases...
@royalrajput6658
@royalrajput6658 2 года назад
you made react very easy to understand...thank you mam ..pls more videos on mini projects
@josephstalin7335
@josephstalin7335 Год назад
Thank You for this.
@it5215
@it5215 Год назад
Thanks ma'am
@riya_1723
@riya_1723 Год назад
Really amazing explanation ❤🎉
@kamleshpawar9483
@kamleshpawar9483 2 года назад
Hey Yoshita, Thank you for this another important video.👌 Keep it up.👍 Can't wait for next one.
@rajeshkumarganinathinfotech
@rajeshkumarganinathinfotech 10 месяцев назад
if you share css and then it will more useful.
@authenticvideocreator8546
@authenticvideocreator8546 11 месяцев назад
because of you i learned this easily
@shayarienglish
@shayarienglish Год назад
really very nice your explanation is very nice, make more videos like this in hindi on reactjs project
@archanagaurrpite2538
@archanagaurrpite2538 Год назад
Great Tutorial, It was very helpful :), Explaining tiny tiny things was the highlight of this video 👌👌
@abhinav3325
@abhinav3325 Год назад
Ma'am, You have explained this project very well and beginner friendly. And my one doubt is also cleared that two time clicks issue. Thank you so much ma'am 😊.
@jayyyzful
@jayyyzful 2 года назад
Subscribed. Keep up the good work , yoshita!
@basavakiranullagaddi6333
@basavakiranullagaddi6333 Год назад
Awesome Work
@itx__tallal2133
@itx__tallal2133 Год назад
mam iska ap aik updated version dalien na usma edit ka option bhi dalien and local storage bhi use krien
@RavindraSingh-lp9pl
@RavindraSingh-lp9pl Год назад
@yoshita jain..please make DSA course
@sarweralam6719
@sarweralam6719 Год назад
ma'am great explain, one request pls at the end of video kindly show us all the code once so it will easy for us to write the code.
@itssuhanisinha1986
@itssuhanisinha1986 6 месяцев назад
Your videos are very amazing for beginners, i watched full playlist. I have a question, i made many projects from youtube for css,js and now i am going for react, but when i think of making a project by myself i can't apply logics well. Please give some advise for this.
@oook3407
@oook3407 Год назад
mashallah
@amitshankhwar2542
@amitshankhwar2542 Год назад
Please continue making videos on react aur redux-toolkit
@vikash4775
@vikash4775 Год назад
Thank a lot...
@sourabhbhatt5170
@sourabhbhatt5170 8 месяцев назад
Thankyou so much for this masterpiece. But when you click on the add button without even writing something, it will add and remove button shows up. This is a crucial bug interviewer always spots. So to fix this just check if the activity have strings greater than 0 or not. If it is, it will not add anything :) I am so concerned that i dont even want a whitespace considered as a char. So I am using .trim() const addActivity = () => { if (activity.trim().length > 0) { setListData((prevList) => { const updatedList = [...prevList, activity]; setActivity(''); return updatedList; }); } };
@VijayPatel-ez4lp
@VijayPatel-ez4lp Год назад
Mam please make some javascript project and explain like this project Thanku
@-VASAVCHAUDHARY
@-VASAVCHAUDHARY Год назад
Thank you mam
@rajadas9716
@rajadas9716 Год назад
Okay. I usually don't like and subs channel after watching. But since I genuinely learn something. So, ak like and subs 🤘
@allpoints914
@allpoints914 Год назад
Thank ma'am
@udhavkansal3378
@udhavkansal3378 Год назад
i am making the same project but i made it on my own nd the concept you choose is exactly what i have done, my doubt is don't u think that when our list update's the map function is rendering the whole list again nd again instead of only adding or rendering the new data we entered. please correct me if i am wrong or m am i thinking it in a wrong way. Thanks!!
@madhurihowal1965
@madhurihowal1965 9 месяцев назад
Please make RESPONSIVE REACT PROJECTS FOR BEGINNERS
@pareshkamaliya2493
@pareshkamaliya2493 Год назад
Thank you for providing such a valuable tutorial! You've gained a new subscriber today :) Please continue to create more tutorials like this as they are immensely helpful in enhancing my skills.
Далее
КОГДА НАКРОШИЛ НА ПОЛ #shorts
00:19
HA-HA-HA-HA 👫 #countryhumans
00:15
Просмотров 3,5 млн
Context api with local storage | project
1:15:33
Просмотров 155 тыс.
КОГДА НАКРОШИЛ НА ПОЛ #shorts
00:19