Тёмный

ReactJS Simple Project For Beginners | Contact Manager Project in React | Learn React with Project 

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

Hi people, in this video we will learn coding of full fledged react project which includes-
00:00 - Introduction
3:42 - topics to cover
4:25 - React Installation
6:00 - Project Structure
9:25 - Components in React
13:22 - Form in React
19:34 - useState hook in React
26:30 - Passing props from child to parent and vice versa
34:52 - Map function in React
37:43 - installing MUI in react
49:35 - local storage in React / useEffect hook
******************************************************************
#react #reactjs #tutorial #hook

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

 

7 июл 2024

Поделиться:

Ссылка:

Скачать:

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

Добавить в:

Мой плейлист
Посмотреть позже
Комментарии : 72   
@pareshkamaliya2493
@pareshkamaliya2493 9 месяцев назад
Wow, this video is an absolute goldmine for beginners like me! 🚀 Your React series has been my go-to resource for learning, and I can't thank you enough for sharing such valuable content. Keep up the fantastic work!
@React1007
@React1007 9 месяцев назад
plz make more projects beginner intermediate then advance
@user-ib5sr9ng8e
@user-ib5sr9ng8e 9 месяцев назад
Yoshita you are really doing well. Keep helping beginners and making good content!
@softheartpeople
@softheartpeople 9 месяцев назад
The way you explain concepts in an easy to understand manner is truly outstanding.
@user-jn3yx5de8q
@user-jn3yx5de8q 9 месяцев назад
it's amazing before leaving for the trip you created a video for us,, keep it up yoshita
@user-fr1rx1gt1z
@user-fr1rx1gt1z 5 месяцев назад
really appreciate such crystal clear video , this really helped to know the real time functionalities of the things i learned in react
@learncode5110
@learncode5110 9 месяцев назад
This is how real time project should be taught.. Yoshita this kind of project which can sharpen the basic fundamental more clear.. bring such type of project playlist which is mostly used in real time industry so this can be the best pratice for all beginners. Thanks once again and bring such type of live projects more
@sudharsanr9442
@sudharsanr9442 9 месяцев назад
Thanks dhi for the project ... Nice one🔥🔥🔥
@tshri4745
@tshri4745 9 месяцев назад
Thank you for putting so much efforts. Much appreciated ❤
@ersohitvishwakarma6861
@ersohitvishwakarma6861 8 месяцев назад
such a real content...nowdays every creator run for likes and views but this girls.....wonderfullll...Thanks a lot
@KuldeepSingh-hi1bg
@KuldeepSingh-hi1bg 9 дней назад
Nice Great job 🎉
@RahulRanjan-kq7fn
@RahulRanjan-kq7fn 3 месяца назад
excellent work ma'am :)
@Manisha-qx7ln
@Manisha-qx7ln 9 месяцев назад
Thank you mam ❤ please bring more projects like this with more functionalities
@vishalkushwaha-yi1kn
@vishalkushwaha-yi1kn 4 месяца назад
your way to explain things is very easy and connect the whole concepts in the playlist of the your react series. you deserve more popularity. thanks for making such playlist , i will wait for more ...❤
@sankalpbarriar1029
@sankalpbarriar1029 8 месяцев назад
great teaching really liking the videos..
@NikhilYadav-co5sc
@NikhilYadav-co5sc 8 месяцев назад
mast hai didi aisehi projects ke tutorial upload karte raho please its will be helpfull for all of us :)
@shivammishra3482
@shivammishra3482 8 месяцев назад
Yoshita aap bahut achha padhati ho node js bhi padha do api vagaira create karna swagger vagaira, joi validation ye sare topic or ha aap terminal ka use kiya karo pls jaldi jaldi video upload karo hum wait kar rahe......
@RavindraSingh-lp9pl
@RavindraSingh-lp9pl 9 месяцев назад
we need more such projects
@aspat1994
@aspat1994 9 месяцев назад
Awesome ma'am
@vikrantkumar-ff3ib
@vikrantkumar-ff3ib 8 месяцев назад
easy to understand..please bring more project with api
@viralthakar164
@viralthakar164 5 месяцев назад
Nice tutorial
@user-pm2jf9tp7o
@user-pm2jf9tp7o 9 месяцев назад
This is how real time project should be taught.. Yoshita this kind of project which can sharpen the basic fundamental more clear.. bring such type of project playlist which is mostly used in real time industry so this can be the best pratice for all beginners. Thanks once again and bring such type of live projects moreThis is how real time project should be taught.. Yoshita this kind of project which can sharpen the basic fundamental more clear.. bring such type of project playlist which is mostly used in real time industry so this can be the best pratice for all beginners. Thanks once again and bring such type of live projects more
@ManinderSingh-qi7kc
@ManinderSingh-qi7kc 4 месяца назад
nice
@ajkh2327
@ajkh2327 9 месяцев назад
Mam mujhe aapke tutorials samajh me aate hai aap bahot hi acchi tarah aur easy tarike se samjhati ho to plss mam aap react jest ka bhi ek playlist banaiye aur plss reply kare mam ki react/frontend developer ki job ke liye react/redux/axios ke alawa aur kya ana chaiye as a beginner plss mam reply 🙏🏼🙏🏼🙏🏼
@salimkhan9577
@salimkhan9577 7 месяцев назад
amazing mam your react series is very helpful for us ): please make this type of project in react
@Webdevelopment1234
@Webdevelopment1234 4 месяца назад
Hello mam, your tutorials are incredibly helpful and I find them very easy to understand. Could you please create a playlist that covers advanced topics such as formik and auth 0 etc.
@rixshaikh397
@rixshaikh397 8 месяцев назад
Thank You Mam ❤️
@rohit38094
@rohit38094 8 месяцев назад
your voice is so nice and explanation is good
@akxxhil
@akxxhil 2 месяца назад
mam please continue the series and add more project to the react series...full stack ....
@jeevanpanwar1993
@jeevanpanwar1993 9 месяцев назад
mam please aap or video banaiye jo interview ke liye imp ho and jisase sare concept clear ho jaye
@RishiRajxtrim
@RishiRajxtrim 9 месяцев назад
💯🙏👍
@shubhamdharpure8586
@shubhamdharpure8586 8 месяцев назад
Bhopal ❤
@user-pm2jf9tp7o
@user-pm2jf9tp7o 9 месяцев назад
please upload more projects related to react js and also make tutorial of node js
@user-je9xt9gs9c
@user-je9xt9gs9c 2 месяца назад
nice vedio , can you create a vedio on how we can pass data by using navigate hook in class thanks
@TapaNKSamaL
@TapaNKSamaL 9 месяцев назад
Post more projects.....we are waiting....
@utkarshshahi8930
@utkarshshahi8930 9 месяцев назад
Hii please make projects one by one and tell those uses one by one that will be helpful that makes us learn a lot and thanks for the current video
@hxgaming8886
@hxgaming8886 7 месяцев назад
Mam you are so pretty and teaches so good.
@subhampaul3576
@subhampaul3576 9 месяцев назад
mam please create a react project with backend nodejs, please create this with common js, need more understanding about the concept.. your usestate, usecontext was really helpful thank you.
@user-qg2xy8pv5x
@user-qg2xy8pv5x 9 месяцев назад
but plz also explain the concepts of functions which you are using i mean how they work so it will more beneficial to us
@885vijay
@885vijay 5 месяцев назад
Great video again, but using complete MUI library for a single Icon, is it worthy? In my opinion, other workarounds can be SVG of any image.
@abubakarfarooq13
@abubakarfarooq13 8 месяцев назад
Plz upload videos Daily
@kapilrana4043
@kapilrana4043 3 месяца назад
We can use the concept of local storage in Todo List project also
@akshayt1303
@akshayt1303 9 месяцев назад
Good Project , but bit confused bcz of props , pls make another CRUD app with Edit and Update function, also if Possible with Redux then its Great.
@itssuhanisinha1986
@itssuhanisinha1986 3 месяца назад
addContact ( from props part ) is showing typeError , that addcontact is not a function at handleAdd. while i checked everything is just like you said... what should i do? And because of that nothing is working properly, please reply.
@sr.nitish2268
@sr.nitish2268 9 месяцев назад
Its Great..Now we want edit Functionality also :)
@sareh8091
@sareh8091 8 месяцев назад
ma'am edit button bi add ki jiye, toh phir achha lagega like todo app
@priyankagore7444
@priyankagore7444 8 месяцев назад
Mam can we add this project in our Resume?
@shivanshbohra03
@shivanshbohra03 4 месяца назад
please make complex project at company level
@Ayush37262
@Ayush37262 8 месяцев назад
Ma'am NextJS pls...
@Akshay-nk5wc
@Akshay-nk5wc 5 месяцев назад
mam can u please provide github code...i m getting error...but dont know which
@softheartpeople
@softheartpeople 8 месяцев назад
kindly make storage using indexed db.
@rohit38094
@rohit38094 8 месяцев назад
can yo pls do edit or update button so where we can update using same project
@ajkh2327
@ajkh2327 8 месяцев назад
Mam if i add edit button so how do i
@tanveeralam5085
@tanveeralam5085 5 месяцев назад
project acha tha pr mujai to kuch smj nhi aya bhut demotivated ho rha hu .....mujse react ni hoge sayad
@yashwanthreddy9519
@yashwanthreddy9519 9 месяцев назад
Hi , I know i am asking a different topic but can anyone help me, so I am trying to deploy a react js project through netlify (free) and i am using an API to get data and in netlify I am getting error of 401 . In local it is working but not in netlify deploy So can anyone help me regarding this api keys or any ways to deploy the build for free
@rixshaikh397
@rixshaikh397 8 месяцев назад
mam delete wala samjh nahi aaya kaise vo contact delete Wala Method work kiya
@adityapujari2303
@adityapujari2303 6 месяцев назад
madam can u please make one responsive web project
@BhumikaBansal-xp8on
@BhumikaBansal-xp8on 20 дней назад
why did you have not used contextapi here?
@himanshuarora1910
@himanshuarora1910 7 месяцев назад
@23:12 whats the need to do ...contactdata ????
@moviewallah82
@moviewallah82 3 месяца назад
Contactdata store the value of name and email
@vishnusingh2300
@vishnusingh2300 8 месяцев назад
41:28
@softheartpeople
@softheartpeople 9 месяцев назад
If you provide the code, then it will be easy to go through it.
@programmingera8851
@programmingera8851 9 месяцев назад
Your concept is pretty simple
@AnjaliYadav-nw9ty
@AnjaliYadav-nw9ty 8 месяцев назад
🫶🫶🫶🫶🫶🫶
@shubzzsrp
@shubzzsrp 9 месяцев назад
please provide code madem ,
@GIS-Engineer
@GIS-Engineer 9 месяцев назад
Good project. But you should atleast reply to questions otherwise it is only one way talk . And no one is appreciated this thing.
@rahimibadov2940
@rahimibadov2940 Месяц назад
useless codes, so much confused. for just one thing
@sambhave
@sambhave 9 месяцев назад
pls make one video on how to get job unn bando ke liye jinke pass kisi ka bhi refrence nahi h vo kya krre kis ko bole job lene ke liye experience cahiye hota h aur experience lene ke liye job cahiye hoti h fresher akhir kare to kare kya apne experience se kuch suggest krna jo work kare 😍
@swatimishra205
@swatimishra205 9 месяцев назад
Ok
@shivammishra3482
@shivammishra3482 8 месяцев назад
Yoshita aap bahut achha padhati ho node js bhi padha do api vagaira create karna swagger vagaira, joi validation ye sare topic or ha aap terminal ka use kiya karo pls jaldi jaldi video upload karo hum wait kar rahe......
@shivammishra3482
@shivammishra3482 8 месяцев назад
Yoshita aap bahut achha padhati ho node js bhi padha do api vagaira create karna swagger vagaira, joi validation ye sare topic or ha aap terminal ka use kiya karo pls jaldi jaldi video upload karo hum wait kar rahe......
Далее
Редакция. News: 124-я неделя
52:01
Просмотров 1,3 млн
Our mega project in React | The hard way
10:23
Просмотров 70 тыс.
Complete Redux Toolkit Tutorial
50:46
Просмотров 23 тыс.
Редакция. News: 124-я неделя
52:01
Просмотров 1,3 млн