Learn React JS with Project in 2 Hours | React Tutorial for Beginners | React Project Crash Course

  Рет қаралды 1,626,867

Dipesh Malvia

Dipesh Malvia

Күн бұрын

Пікірлер: 1 500
@DipeshMalvia
@DipeshMalvia 2 жыл бұрын
Please also check the code refactored video with React router v6 and context api - kzbin.info/www/bejne/kIuynHaohpecgs0
@saadbajwa2443
@saadbajwa2443 2 жыл бұрын
Thanks Dipesh. All Problems solved. 😎 Now I have my own React.Js CRUD App
@rohitantil9534
@rohitantil9534 2 жыл бұрын
how to create state in functional based components rather than class based
@vsvtarun1383
@vsvtarun1383 2 жыл бұрын
@@rohitantil9534 Using Hooks i guess!!
@bharatkumar-ei6zx
@bharatkumar-ei6zx Жыл бұрын
sir please please please make mern-stack video i am waiting
@amirsohail963
@amirsohail963 Жыл бұрын
why have used json server instead of express js server for backend and LLy for routers. is this workflow companies flow or it used to connect frontend to backend.
@bishalkar5614
@bishalkar5614 Жыл бұрын
This is not a react tutorial for a beginner. It's a react project tutorial for those who have little bit of knowledge of react previously.
@raki0125
@raki0125 Жыл бұрын
True they are also kinda beginners
@saeedhalabi
@saeedhalabi 4 ай бұрын
Yes, i know about react but need something to practice, this video is perfect.
@saswatpanda257
@saswatpanda257 3 жыл бұрын
after completing this project i am very much confident on my react skills.....
@DipeshMalvia
@DipeshMalvia 3 жыл бұрын
Super happy to hear this. Keep it up!
@anshumanraturi
@anshumanraturi 2 жыл бұрын
What project do we build after watching this video???
@avinash8584
@avinash8584 Жыл бұрын
did you got a job yet?
@mahieerati6505
@mahieerati6505 Жыл бұрын
​@@DipeshMalvia m not getting local storage at 36.00 from this video After refreshing data is also fanishing Plz help me out of this I was struck over there Unable to do it
@Deepaksubi.
@Deepaksubi. Жыл бұрын
@@mahieerati6505 same error. Did you get the solution for this ?
@sash2686
@sash2686 3 жыл бұрын
1 hour in and i totally understand everything you are trying to explain. Thank you! - Im subscribing! :)
@RahulSharma-pd2ce
@RahulSharma-pd2ce 2 жыл бұрын
People are creating 15hrs and 20hrs videos for the react but this is the best short video and through the point.Really a good content.
@DipeshMalvia
@DipeshMalvia 2 жыл бұрын
Thanks a lot for appreciating the content. The channel needs such appreciation.
@Nik-rx9rj
@Nik-rx9rj 2 жыл бұрын
You'll run into two issues throughout this course. But Dipesh appears to have been working on a new version, so they'll be fixed i guess. But here they are: 1. Switch is no longer is existence. It's now Routes. 2. uuidv4 has been deprecated. So use this import instead: "import { v4 as uuid } from 'uuid';" - You'll just need to install "uuid" with "npm i uuid" Thank you for the video, Dipesh. It was very well done!
@DipeshMalvia
@DipeshMalvia 2 жыл бұрын
For those who don't want to wait for the video and looking for refactored code the code is available in the GitHub repository with new branch.
@hamisikandy2687
@hamisikandy2687 2 жыл бұрын
Thanks I wanted to ask questions on uuid but I think u have already helped... thanks 😊
@devangshah1222
@devangshah1222 2 жыл бұрын
@Nik @Dipesh, I am running through the same issue that is uuid error. As you described I tried importing uuid as v4 but that's all we have to do? or need to make any more changes? Please reply it would be of great help to me.
@cgme9535
@cgme9535 2 жыл бұрын
@@devangshah1222 If you tried, "uuid as v4" then that may be your issue. Try "import { v4 as uuid } from 'uuid';" This still works in my code. Also, make sure you 'npm install uuid'. With those two things, you should be up and running.
@devangshah1222
@devangshah1222 2 жыл бұрын
@@cgme9535 Hi, I did use "v4 as uuid" but forgot to make a change in the code itself. It's working now thank you so much :)
@itwitheugene
@itwitheugene 3 жыл бұрын
I'm from Russia but I understood every moment. You explains just amazing. Thanks a lot!
@DipeshMalvia
@DipeshMalvia 3 жыл бұрын
Glad to hear that! Welcome to the channel!
@AlexSpieslechner
@AlexSpieslechner 3 жыл бұрын
i'm really glad the yt suggestions brought me to your video. for a rather small youtuber, your video and presentation quality is great. the clear structure, timestamps and flow is super helpful. especially for beginners, i think it is very easy to follow
@DipeshMalvia
@DipeshMalvia 3 жыл бұрын
Thanks wonderful to know Alex. I appreciate it!
@anishchaudhary313
@anishchaudhary313 3 жыл бұрын
I already watched so many tutorial videos and already know many things about react but things are not cleared in my mind so i am literally start searching more react js videos on youtube so i found this masterpiece. You are awesome brother. Thank you so much
@shivanigaddagimath5994
@shivanigaddagimath5994 3 жыл бұрын
Hello Anish. Are you a fresher seeking web developer jobs currently? We are a web dev company based in Bangalore and looking for talented freshers to join us! If you are interested, please connect with me using the contact information on my channel.
@mabrurahmed3304
@mabrurahmed3304 2 жыл бұрын
the new version of router takes in element in the place of component, also 'Switch' is changed to 'Routes' and you dont need to use 'exact' prop. there's no need to add an arrow function in the Route, just copy paste the component in the element prop along with the props sent to the child component, and you're good to go
@itsniketajn
@itsniketajn 2 жыл бұрын
refer this:
@srushtidaware7978
@srushtidaware7978 Жыл бұрын
Unable to apply routes in new way. Can you please help here with the code changes with respect to new route implementation?
@ajaypediredla
@ajaypediredla 3 жыл бұрын
Top class content. Have seen many ReactJS beginners courses and I can say this is the best. After watched this, went through your other courses as well and you are too good. Thanks for all your efforts.
@zaheerabbas8626
@zaheerabbas8626 3 жыл бұрын
Watched this first react tutorial as beginner and I am really impressed by the way you explained all the concepts. This tutorial is a great overview of react concepts for beginner to mid level learners. helped a lot. Thanks for great content.
@DipeshMalvia
@DipeshMalvia 3 жыл бұрын
Thanks 👍
@nitishkumargarikapati7767
@nitishkumargarikapati7767 2 жыл бұрын
This video is not for the absolute beginner bro and this video definitely impress the revision one's
@androidx2133
@androidx2133 2 жыл бұрын
My all texts inside tags are not appearing on web page although in inspect element i can see it. Please help??
@vasoyadixit5555
@vasoyadixit5555 11 ай бұрын
frist of all remove the remove the f**g world {for beginners }.. this is absolutely not for beginners . you are not explaining concept .. you are just telling us and doing code by your self on your own.. Just west my 1 hour..
@YOUTUBE_IS_WOKE
@YOUTUBE_IS_WOKE 3 жыл бұрын
I don't understand the 120 thumbs down for this! This tutorial is really easy to follow and well-taught! You deserve more subs and likes Dipesh, keep sharing your knowledge! cheers!
@thefrustratedboyy
@thefrustratedboyy 2 жыл бұрын
only because of u yt removed dislike button
@samsaswat4752
@samsaswat4752 Жыл бұрын
This is not for React beginners. He is not explaining anything just adding the events. How can a beginner will understand . + We are getting issue while doing this that he is not facing.
@YOUTUBE_IS_WOKE
@YOUTUBE_IS_WOKE Жыл бұрын
@@samsaswat4752 I agree, this is perhaps for intermediate level, for me maybe it's easy to follow because I have watched and learned from other videos specifically Angelu Yu in Udemy and here in YT from Shaun of The Net Ninja.
@samsaswat4752
@samsaswat4752 Жыл бұрын
@@KZbin_IS_WOKE Thanks for the recommendations.
@IsaacAlcocer
@IsaacAlcocer 3 жыл бұрын
I think you forgot to mention the difference between a functional component and class component at 13:00 and 15:00, this is actually really important and why
@candle-k.arumugam7817
@candle-k.arumugam7817 3 жыл бұрын
yes
@kitchen-e-kausar9105
@kitchen-e-kausar9105 3 жыл бұрын
Appreciate max. This is so helpful, specially when you want to revise everything without spending hours on lengthy videos, 2 hours and you already brush up components, router, axios and CRUD, hooks. I really love your videos ever since I went through your redux tutorial.
@DipeshMalvia
@DipeshMalvia 3 жыл бұрын
Glad it was helpful!
@vaibhav55592
@vaibhav55592 2 жыл бұрын
his name is Dipesh not max
@gtechlabs7
@gtechlabs7 3 жыл бұрын
Thanks, Bro for this beautiful tutorial, I feel comfortable with React now, After going through a lotta React tuts without grasping the concepts and their applications... Thanks.
@DipeshMalvia
@DipeshMalvia 3 жыл бұрын
Glad it helped
@ravindralodhi5450
@ravindralodhi5450 2 ай бұрын
There will be some in-router 1. The issue you're encountering might stem from changes in React Router v6, where the state property is no longer passed in the same way when using Link or navigate. 2. switch not using 3. Instead of component will use element
@hementhj9904
@hementhj9904 10 ай бұрын
What a humble guy! Even though he is the CEO of Google, he still manages to teach and share his knowledge with us. hats off🎉🎉
@JayaShivani29
@JayaShivani29 10 ай бұрын
He is not CEO of Google. you can Google it.
@Car_Fusion
@Car_Fusion 10 ай бұрын
what a joke go and research about google ceo 😂😂😂😂
@sharath_jonnala
@sharath_jonnala 10 ай бұрын
🤔
@Santhosh.21_
@Santhosh.21_ 9 ай бұрын
Are you taking a comment serious with that profile ​@@Car_Fusion
@hasanulgonisohayeb6323
@hasanulgonisohayeb6323 9 ай бұрын
This is the most easy to understand and very practical tutorial. I love his presentation. Thank you and love you bro...
@DipeshMalvia
@DipeshMalvia 9 ай бұрын
You are most welcome
@strange6092
@strange6092 3 жыл бұрын
const removeContactHandler = async (id) => { await api.delete(`/contacts/${id}`); const newContactList = contacts.filter((contact) => { return contact.id !== id; }) setContacts(newContactList) }; above function is firing two api's . One is giving 200 status and another one is giving 204 status
@nitin267
@nitin267 3 жыл бұрын
I follow all process same, but only search and delete is working, add and update not working in my case.
@itsayesha4440
@itsayesha4440 3 ай бұрын
I had started this video at 11 am today and now i had completed this project. I was begineer web-developer and starting my full-stack journey for 3 month as a intern in a software house. there were a lot of bugs and error through out the coding process on my side but i try my best to overcome those issues. Thank you for this video.
@ecemozer5713
@ecemozer5713 3 жыл бұрын
Hello, you obviously have a very valuable content here in this video and thank you for that. Not that i don't appriciate your effort, but I would prefer instead of descriptions like "copy this to here", you could easily and a bit slowly show what to do next after each move and most importantly why we do that for, otherwise we're just trying to memorize the code blocks and not understanding the concept behind it. I hope you take this as a constructive critism. Thank you for producing up-to-date videos like this one.
@peregrint6054
@peregrint6054 3 жыл бұрын
I thought I'm the only one with the same problem) Watchign video several times and still cannot get some moments when we pass props between componentes and this two side relation between components and some other details. Really missing explanation why we do some things. It's the third day I'm struggling with first 40 mins of the video. Will rewatch it again tomorrow). Anyway, I'm thankful to Dipesh for this course.
@mys8091
@mys8091 2 жыл бұрын
Ben de ilk başladığımda açmıştım. Bu projeyi yaparsam anlıcam sandım ama olmuyormuş. Biraz ilerleyince konseptlere hakim olunca pekiştirme niteliğinde işe yaradı benim için.
@mdtaha8907
@mdtaha8907 2 жыл бұрын
the issue with other courses that they take take long time to teach everything + they teach randomly , but what i found in this vid is application of all fundamental things in react and in simple way !!! thank you .
@DipeshMalvia
@DipeshMalvia 2 жыл бұрын
Thanks for appreciating the content 👍
@viswanathank2551
@viswanathank2551 3 жыл бұрын
Your channel deserves a silver play button :)
@InfoBites22
@InfoBites22 4 ай бұрын
diamond
@bonishagarwal9315
@bonishagarwal9315 3 жыл бұрын
I didn't get any better video than this for React. As a beginner I found this as the best resource available. Thanks Bhavya.
@DipeshMalvia
@DipeshMalvia 3 жыл бұрын
You're most welcome
@srikkanthank
@srikkanthank 3 жыл бұрын
Just the right level of depth.. Rather than explaining what is a variable :) Most technical writers and youtubers take on a too wider audience and lose focus. This is crisp. Can't thank you enough.
@DipeshMalvia
@DipeshMalvia 3 жыл бұрын
Glad you enjoyed!
@baiai6509
@baiai6509 3 жыл бұрын
where have you beeeen before? I watched so many react videos, but it's not explained like on your videos, I really like that there is no CSS or material UI, only functionality. This is exactly what I was looking for for a long time. Thank you a lot
@thi_thi_ko
@thi_thi_ko 2 жыл бұрын
Got stuck in few places like Switch statement in router, passing state via Link, navigate to pages and with axios I used "then" rather "await" on addContactHandler because of this there was some issue all i could able to fix it and finished the course. Overall very good learning and Kudos to your efforts!
@Yash_Parashar
@Yash_Parashar Жыл бұрын
addContactHandler how do you resolve ??
@mukundupadhyaya8854
@mukundupadhyaya8854 7 ай бұрын
I am facing Props issue in the Contact List.js File. I am writing props but is showing -> this.props.first which is showing error in local server.
@EYEmaginary
@EYEmaginary 2 жыл бұрын
If UUID gives an error, try this: import { v4 as uuid } from 'uuid';
@Sid33ff3cts
@Sid33ff3cts 2 жыл бұрын
thanks!
@ajaythakur8034
@ajaythakur8034 2 жыл бұрын
hey dude, thanks for that
@engr_mark
@engr_mark 3 жыл бұрын
I can't help myself than to hit the subscribed button after watching this. Well done.
@yomialuko8972
@yomialuko8972 3 жыл бұрын
I have been following up with your react tutorials, apparently it been awesome your effort is so much appreciated. kudus
@DipeshMalvia
@DipeshMalvia 3 жыл бұрын
Thanks Yomi!
@nechetv6268
@nechetv6268 2 жыл бұрын
@@DipeshMalvia please I am having serious problem with my project can you help me out please
@movocode
@movocode Жыл бұрын
Thank You for your tutorial - in this world where there are expensive paid courses, you are helping students like us giving high quality content on KZbin.
@DipeshMalvia
@DipeshMalvia Жыл бұрын
Glad to hear that!
@VineetSingh-oc1kl
@VineetSingh-oc1kl 2 жыл бұрын
Hey @Dipesh Malvia ......I tried many times but the code of semantic UI is not getting fit in my system.....plz tell me why this is happening
@v.r.manivannanrajagopalan5783
@v.r.manivannanrajagopalan5783 Жыл бұрын
util.js:75 Uncaught RangeError: Maximum call stack size exceeded at exports.deprecate (util.js:75:1)
@ItsPureLuck27
@ItsPureLuck27 2 жыл бұрын
Just an absolutely amazing tutorial, earned a subscription. While I feel like I have a decent grasp on vanilla JS, I was so confused coming over to React but this video was terrific in explaining everything!!!
@DipeshMalvia
@DipeshMalvia 2 жыл бұрын
Awesome, thank you!
@pranjalsrivastava1629
@pranjalsrivastava1629 3 жыл бұрын
Hi, a suggestion move the heading during the video from center-left to bottom or top-right as its covering the code then..
@Dravish2023
@Dravish2023 3 жыл бұрын
Awesome and mind-blowing. I have recreated everything you said in this video. its pleasure learning. looking forward to see more of your classes.
@DipeshMalvia
@DipeshMalvia 3 жыл бұрын
Glad to hear that
@nareshgotte2251
@nareshgotte2251 3 жыл бұрын
I never see this type of full subject video in past. so much subject video.. it is very useful for me.. Thank you so much for providing this video to me and all..
@DipeshMalvia
@DipeshMalvia 3 жыл бұрын
Glad to hear that
@sai6157
@sai6157 3 жыл бұрын
Thank you so much.. I wanted to switch my career as Ui developer from ui designer.. your clear explanation gave me interest to go through entire project easily.. really this project boosted up my knowledge 🙏
@DipeshMalvia
@DipeshMalvia 3 жыл бұрын
Thanks Wonderful 👍
@tripphouse8165
@tripphouse8165 2 жыл бұрын
Thanks to Dipesh I am now finally starting to understand REACT !!
@DipeshMalvia
@DipeshMalvia 2 жыл бұрын
That's amazing, welcome!
@codewithhitesh664
@codewithhitesh664 3 жыл бұрын
Broo, you almost covered everything, Great work, learnt a lott, big big thanks to you❤❤🙏
@DipeshMalvia
@DipeshMalvia 3 жыл бұрын
Glad to hear that
@dhanalakshmilakshmi762
@dhanalakshmilakshmi762 Жыл бұрын
@dipesh thanks form bottom of my heart i got a huge offer as React JS lead in product company jus following all the videos of yours thank you
@DipeshMalvia
@DipeshMalvia Жыл бұрын
Congratulations for the offer. Good Luck!
@MonibRashid
@MonibRashid Жыл бұрын
May God bless you and good luck!
@elizabethr5161
@elizabethr5161 3 жыл бұрын
One small correction. At 35:27 it's spread operator and not rest operator (Both are completely different)
@murali-krishnan
@murali-krishnan 2 жыл бұрын
Yeah, I was about to say that
@aritrachoudhury7997
@aritrachoudhury7997 2 жыл бұрын
Watched this video. Very helpful. I have followed each and every step as I am new to ReactJS. I have used useEffect to retrieve data from local storage but data is not vanished once I refresh it.
@omerbasar3576
@omerbasar3576 2 жыл бұрын
Delete completely the localStorage.getItem lines, found in useEffect function. And edit the useState() line like below: const [contacts, setContacts] = useState(JSON.parse(localStorage.getItem(LOCAL_STORAGE_KEY)) || []);
@javeedakhter324
@javeedakhter324 2 жыл бұрын
@@omerbasar3576 Nice omer it helped me too Thank you.👍
@gaganmeshram1395
@gaganmeshram1395 2 жыл бұрын
@@omerbasar3576 it worked for me too
@aiml5910
@aiml5910 Жыл бұрын
​@@omerbasar3576 thanks it works!!
@09ghanshyam
@09ghanshyam 3 жыл бұрын
I had watched videos for react but I see every body focus on single concept in deep so we feel like react is very long but after watching this video I learn major concepts cover in one go and in very simple and incredible/Worth full manner I really Appreciate Dipesh Keep it Man!! Thanks
@DipeshMalvia
@DipeshMalvia 3 жыл бұрын
Thanks and welcome! keep watching and keep supporting for more videos 👍
@ridoyroy196
@ridoyroy196 2 жыл бұрын
Hello Sir, Can you tell me whether this video will helpful for complete beginner?
@daoudacamara4192
@daoudacamara4192 Жыл бұрын
A very good tutorial from begging to react framework. I actually watching it on phone to see the first hour of the project. In this, I’m really inspired how good method you learn us! 🙏
@simonli8852
@simonli8852 3 жыл бұрын
Your course is really great, the logic is clear, and it's easy to understand.
@DipeshMalvia
@DipeshMalvia 3 жыл бұрын
Thanks Simon 👍
@sanketgondaliya3411
@sanketgondaliya3411 2 жыл бұрын
nb
@sanketgondaliya3411
@sanketgondaliya3411 2 жыл бұрын
&nbsp
@hiteshsuthar1097
@hiteshsuthar1097 3 жыл бұрын
One of the best video to getting start with React. I found CodeWithHarry's react video took 2hr to explain what U explained in 45mins. Thanks👍
@shivanigaddagimath6105
@shivanigaddagimath6105 3 жыл бұрын
Hey Hitesh! Those skills look relevant to what we are looking for. Are you looking out for job opportunities in web development currently?
@hiteshsuthar1097
@hiteshsuthar1097 3 жыл бұрын
@@shivanigaddagimath6105 yup!
@shivanigaddagimath6105
@shivanigaddagimath6105 3 жыл бұрын
@@hiteshsuthar1097 That's great! Can we please connect on LinkedIn or gmail for more details? Just search for Shivani Gaddagimath on LinkedIn and request to connect please. The first profile that pops up is mine.
@shubhamverma2366
@shubhamverma2366 3 жыл бұрын
Bro You're Great I learned alot. I gave interview by showing this project and explain all the functionalities, he's really Impressed.. Keep Making React Project Videos It really helpful for us. A Huge Support From our Community🚀🚀🚀
@muhammadmadarchodd5945
@muhammadmadarchodd5945 3 жыл бұрын
plz help, guide me about lhow much projects i should do
@thefrustratedboyy
@thefrustratedboyy 2 жыл бұрын
oh my god!! such brilliant explanation and with such patience really appreciable keep doing such work society needs more educators like u
@DipeshMalvia
@DipeshMalvia 2 жыл бұрын
Thanks a ton
@VeereshPatel15
@VeereshPatel15 3 жыл бұрын
Love ❤ for ur efforts and ur content In future I am expecting videos on Frontend roles and Responsibilities like 1. What actually do frontend developers do in realtime ( different tasks) 2.. How manage 4+ experience ( fake experience) in realtime 3. . How to crack any frontend interviews with 4+ years of experience 4.....Easy way to to crack any angular/reactjs interviews with 4+ experience/10lack package ------) )) 5....Top 20 program's to cover entire angular/reactjs syllabus.----)) 6....Top 10 angular/reactjs concepts with examples
@DipeshMalvia
@DipeshMalvia 3 жыл бұрын
Wonderful I will surely take this into account. thanks!
@kajolkatiyar4923
@kajolkatiyar4923 2 жыл бұрын
especially the 4th and the 5th point
@LegitGamer-ki4bp
@LegitGamer-ki4bp 11 ай бұрын
You have a very clear voice and so your explanation is amazing.
@KaranSingh-rn2zk
@KaranSingh-rn2zk 3 жыл бұрын
Your efforts is appreciated. This is a very helpful React Basics Tutorial.
@DipeshMalvia
@DipeshMalvia 3 жыл бұрын
Glad it was helpful!
@KaranSingh-rn2zk
@KaranSingh-rn2zk 3 жыл бұрын
@@DipeshMalvia Wow great timing Dipesh. I just completed your redux saga tutorial. Appreciate your helpful tutorials.
@sesslynj3718
@sesslynj3718 11 ай бұрын
Wow. It is an amazing video. I loved it. Please upload more video like this. I learnt a lot. Thank you so much ☺
@DipeshMalvia
@DipeshMalvia 11 ай бұрын
Thank you, I will
@thewpwing
@thewpwing 3 жыл бұрын
I am enjoying the tutorial, this is the best I have ever seen. Thanks Dipesh for your hard work. Looking forward to your other tutorials.
@Arya-z5f
@Arya-z5f Жыл бұрын
why after writiong the same code some functionalities are not working in mine? like 1) even after using ui container center my container is not aligning in the middle of the screen. 2)form input and label are visible on screen but not the h2 tag. why is this happening?
@2784raj
@2784raj 3 жыл бұрын
Hello Dipesh, can you make videos on NEXTJS like what are the difference between NEXTJS & REACTJS and scenario when use one over the other. advantage and disadvantage
@rimjhimgupta8745
@rimjhimgupta8745 2 жыл бұрын
video is helpful only if you have some previous knowledge, else it is just like copy pasting the code he is writing
@hardikgangani4225
@hardikgangani4225 3 жыл бұрын
Why this channel is so underrated?
@DipeshMalvia
@DipeshMalvia 3 жыл бұрын
This is a new channel and I am not so popular guy in DEV community. Just started sharing what I have learned over the year on youtube.
@ankitsinghyadav1979
@ankitsinghyadav1979 Жыл бұрын
no bakwass sikha kaam ki baat best video on react js for me ,,. also node wali bbhi best h dipesh bhai
@DipeshMalvia
@DipeshMalvia Жыл бұрын
Thanks Ankit.
@kandregularaviteja2499
@kandregularaviteja2499 3 жыл бұрын
Learned a lot from this lecture. Easy way of explaining all the topics with clear video and voice. Very helpful for beginners. Please do the video by implementing CSS styling , like creating Cards, Animations etc using CSS.
@KishoreBabuThalla
@KishoreBabuThalla Жыл бұрын
Nice and clearly explained the way to learn to react. Glad to learn to react after watching your videos. Thank you.
@DipeshMalvia
@DipeshMalvia Жыл бұрын
So nice of you! Welcome!
@pawanchandrajoshi841
@pawanchandrajoshi841 Жыл бұрын
Hey, Can we connect? I'm getting some error in this tutorial, since your comment is the latest one here, hence I'm contacting you.
@KishoreBabuThalla
@KishoreBabuThalla Жыл бұрын
@@pawanchandrajoshi841 yeah sure tell me?
@vigneshwaranvgece7975
@vigneshwaranvgece7975 Жыл бұрын
Some of the imports in react-router are changed ...Like , can never be used in the version 6 instead we can use: ..... enclosing all the route inside routes everything works as same as used with , and switch and exact prop and also render's syntax is changed to element={ } ---its soo simple than the mentioned in video and for history we need to import useNavigate from react-router history=useNavigate(); and then use as history("/path")
@Aman-Verma
@Aman-Verma 3 жыл бұрын
Amazing content man! but I have one doubt can we use to navigate to home page on click of Add instead of doing programmatic navigation????
@_AnuragsinghLECE
@_AnuragsinghLECE Жыл бұрын
You skip the part of css. You edited the actual css. Its so confusing to see that all icons perfectly position. how they postioned I don't appreciate your video because semantic ui is not working and suddenly all icons perfectly postioned. I spent lot of time to understand how all element of webpage is perfect and finally I use custom css file to positioned elements of webpage but I don't want to use custom css file. I want to use only semantic ui to style the webpage.
@rimpysaini4976
@rimpysaini4976 2 жыл бұрын
I am really like the way you explained all the concepts & you have explained many things in this single video. Thanks for video
@DipeshMalvia
@DipeshMalvia 2 жыл бұрын
Glad it was helpful!
@chetanpatil9917
@chetanpatil9917 3 жыл бұрын
Best React JS course ever. Thanks a ton. Keep up the good work.
@DipeshMalvia
@DipeshMalvia 3 жыл бұрын
Wow, thanks!
@creativeeducator1786
@creativeeducator1786 2 жыл бұрын
Why cant't I save data on retrieveContacts.. every time I refresh the data gets lost please help!!
@Deepa0811
@Deepa0811 2 жыл бұрын
Thank you Dipesh for an informative video. It's been a while I have coded in React...this was a quick refresher video for me. Keep up the good job!
@DipeshMalvia
@DipeshMalvia 2 жыл бұрын
Glad to hear that
@ashutoshpatel5030
@ashutoshpatel5030 Жыл бұрын
That local storage thing is not working!!! And it should not work if I'm logically correct as initially state is empty and when we refresh empty state is again get added in local storage when it will fetch during unmount session get printed!!
@amikgurung4618
@amikgurung4618 2 жыл бұрын
I've got a problem!! I was following along with you making the app, but i got stuck while retriving contacts from local storage. I can add a contact and it stores in local storage, but if i refresh, there is nothing... Can you help me, i am going along with you, but its been an hour i am stuck here. I have checked everything twice, thrice... I am stuck exactly at 39:10 , if refreshed the added contacts is gone..
@sinichakkappan8680
@sinichakkappan8680 2 жыл бұрын
same problem here have u fixed it yet?
@DipeshMalvia
@DipeshMalvia 2 жыл бұрын
I will publish the new video - on how to fix the issues with React 18 on this Thursday that will resolve your localstorage issue
@aditya009er
@aditya009er 3 жыл бұрын
I really enjoyed watching your video. Thank you for making a clear learning path and taking us through that path hands on. As mentioned in comments the time stamps, structure, simple and easy to follow explaination made the learning journey rewarding for me.
@romimaximus
@romimaximus 3 жыл бұрын
this is awesome !!, great content..!! thankx for sharing it, im sure is gonna help many React beginner's devs out there 👍
@DipeshMalvia
@DipeshMalvia 3 жыл бұрын
Glad it was helpful!
@malouette3991
@malouette3991 2 жыл бұрын
Hi! I don't understand why I my contacts are deleted from the local storage each time I refresh the page. It's well added to the local storage, but when I refresh then the value disappears. The key is still here. Is it because of my React settings? I really don't see any mistake in my code. I think I did the same as shown.
@VishalSharma-rn7mt
@VishalSharma-rn7mt 3 жыл бұрын
Awesome explanation, best react video
@DipeshMalvia
@DipeshMalvia 3 жыл бұрын
Thank you! 😃
@shivanigaddagimath5994
@shivanigaddagimath5994 3 жыл бұрын
Hello Vishal, are you a 2021-passout interested in web development ? We are currently looking to hire freshers who have learnt web development. If you are interested, please get in touch using the information on my channel.
@VishalSharma-rn7mt
@VishalSharma-rn7mt 3 жыл бұрын
@@shivanigaddagimath5994 thanks for the opportunity, but I am not 2021, paasout, I am currently working in tcs
@tusharjha3376
@tusharjha3376 2 жыл бұрын
Sir the way u have explain the topic its superb....
@wasimvarshani2686
@wasimvarshani2686 3 жыл бұрын
Amazing tutorial, helpful and clears lots of doubts. Kudos to your efforts.
@DipeshMalvia
@DipeshMalvia 3 жыл бұрын
Glad it was helpful!
@josbexerr5166
@josbexerr5166 3 жыл бұрын
Gran maestro....gracias saludos de los andes Peruanos
@ashwithtee
@ashwithtee 2 жыл бұрын
In Router V6, we are able to use 'element' property instead of 'render props' inside Route. Good content! Keep going! :)
@DipeshMalvia
@DipeshMalvia 2 жыл бұрын
Yes the update code video will be release in coming weeks.
@Nik-rx9rj
@Nik-rx9rj 2 жыл бұрын
Yep. Gotta love those API changes /s
@DipeshMalvia
@DipeshMalvia 2 жыл бұрын
The updated code is available in the repository under new branch
@ashwithtee
@ashwithtee 2 жыл бұрын
@@DipeshMalvia Gonna check it out. Thank you ❤️✌️
@saivivekpatlola2825
@saivivekpatlola2825 2 жыл бұрын
@@DipeshMalvia can i get the link for the repository of updated code
@bratko249
@bratko249 2 жыл бұрын
The semantic-ui doesn't add all styles to my project. I use the same version as you.
@nadakering1297
@nadakering1297 2 жыл бұрын
Hi, at minute 1:16:25, can you demonstrate on how to do that assignment. I want it to be a separate page for confirming a deletion. What props do need to pass to which component??
@rohannaidu7596
@rohannaidu7596 2 жыл бұрын
Was getting error for uuid(). Below change fixed the issue. // import { uuid } from 'uuidv4'; import { v4 as uuid } from 'uuid';
@sa27ph
@sa27ph 2 жыл бұрын
Thanks, this helped.
@pepper9559
@pepper9559 2 жыл бұрын
thanks
@nupur8804
@nupur8804 Жыл бұрын
thanks , you helped so much
@aniketjain5049
@aniketjain5049 2 жыл бұрын
my delete icon is not in right position it's in left position. it's in under name and email how I can correct this please help me
@joeyorofino101
@joeyorofino101 2 жыл бұрын
How do we get the trash can icon to be on the right for version 18?
@DipeshMalvia
@DipeshMalvia 2 жыл бұрын
I will publish the video with React upgrade to 18 and fixing localstoage and semantic UI issues
@kirubababu9255
@kirubababu9255 2 жыл бұрын
As a receiver point of view, Kind request, In the beginning you could explain about the requirement, then you could start proceed,
@madhavarao.m3178
@madhavarao.m3178 2 жыл бұрын
I watched your videos after I thought to start learning react js it would be really useful sessions I can say the way your explain was efficient and very clear.thank you very much Dipesh. You might be created a basic react app in the video but in 2 hrs you have covered so many react topics , that's great point !!
@DipeshMalvia
@DipeshMalvia 2 жыл бұрын
Awesome, thank you!
@calm8515
@calm8515 3 жыл бұрын
i wounder why this video got only 1k likes, he deserves more than that
@vishalanthony1529
@vishalanthony1529 3 жыл бұрын
i used the same className as "ui container center " still my contact manager heading is not centering.
@bhartiyayoutube377
@bhartiyayoutube377 3 жыл бұрын
You Found the answer? I'm having same issue
@szolek
@szolek 3 жыл бұрын
App.css .main { margin-top: 5em; } .center { justify-content: center; padding: 10px; }
@bhartiyayoutube377
@bhartiyayoutube377 3 жыл бұрын
@@szolek thanks it worked!
@soumyasantamahalik7617
@soumyasantamahalik7617 3 жыл бұрын
@@szolek bro i m still facing the problem its not coming to centre
@szolek
@szolek 3 жыл бұрын
@@soumyasantamahalik7617 Check the .css and .js files in src folder. Remove what is not needed and paste the given code. Also add Semantic UI. :)
@mohdnasir7023
@mohdnasir7023 Жыл бұрын
Impressed. Excellent Explanation in 2 hours, you covered most of the topics. Thanks bro.
@anandarajbalu6445
@anandarajbalu6445 3 жыл бұрын
I tried the assignment task. But I'm still stuck to redirect { history.push("/") } to contact list page once deletion completed. And I have use the DeteleContact method as props to deletion template.
@amankansal9556
@amankansal9556 3 жыл бұрын
How you have passed the method as prop can you paste the code here
@abhilashmajumdar4524
@abhilashmajumdar4524 3 жыл бұрын
Thank you so much.....what a content !!! I didn't understand anything about react but after watching this video, everything is clear now....... please make a complete tutorial about node JS 😍😍
@shivanigaddagimath5994
@shivanigaddagimath5994 3 жыл бұрын
Hey Abhilash! Are you a fresher in web development? Are you interested in react js, node js and more technologies in web dev? If yes, please connect with me using the contact information on my channel. We are a software solutions company based in Bangalore and looking for talented developers. We are open to fresher as well as experienced folks. Please connect if interested.
@abhilashmajumdar4524
@abhilashmajumdar4524 3 жыл бұрын
@@shivanigaddagimath5994 yes I am interested
@shivanigaddagimath5994
@shivanigaddagimath5994 3 жыл бұрын
@@abhilashmajumdar4524 Thanks for your interest Abhilash! can we please get in touch to discuss more about the opportunity? Kindly connect with me using the contact information on my channel.
@shivanigaddagimath5994
@shivanigaddagimath5994 3 жыл бұрын
@@abhilashmajumdar4524 Hi Abhilash! Please get in touch with me to explore the opportunity.
@abhilashmajumdar4524
@abhilashmajumdar4524 3 жыл бұрын
@@shivanigaddagimath5994 actually I can't find your channel....can you give me channel link!!
@devendratoshniwal2077
@devendratoshniwal2077 3 жыл бұрын
what a content man...just loved it 💜
@DipeshMalvia
@DipeshMalvia 3 жыл бұрын
Glad you enjoyed!
@nikhilgoduguchintha2648
@nikhilgoduguchintha2648 2 жыл бұрын
The way you taught the Routing.. I fell in love with your teaching. Thanks man
@madhavmundhra2698
@madhavmundhra2698 2 жыл бұрын
Can you help me with a thing?
@ganesh.majety5260
@ganesh.majety5260 3 жыл бұрын
U gained a sub😉
@DipeshMalvia
@DipeshMalvia 3 жыл бұрын
Thanks and welcome to channel!
@pawanchandrajoshi841
@pawanchandrajoshi841 Жыл бұрын
A small suggestion Dipesh Sir, could you please make a new video from scratch (in new react way), I know it won't be an easy task, but it would be helpful, rest you're a good teacher.
@ItCoursesForAll
@ItCoursesForAll Жыл бұрын
U should show ui first
@swedishpsychopath8795
@swedishpsychopath8795 Жыл бұрын
Excellent video, but you consistently say "desctructure" an array when it seems you are using the array spread functionality uning the three dots ex: [...contacts]? When in reality "to descture" is to map attributes / fields from one structure to another to simplify access to / convert an object.
@vaishnavianand8129
@vaishnavianand8129 3 жыл бұрын
Amazing videos ! Love the way you explain each and every step of the way. Could you make videos for React NAV and Formik as well ?
@DipeshMalvia
@DipeshMalvia 3 жыл бұрын
Thanks for the topics Vaishnnavi!
@vijaykrishna4738
@vijaykrishna4738 3 жыл бұрын
Yeah really amazing video , hope he makes more content thanks a lot brother
@unnatisorathi3566
@unnatisorathi3566 Жыл бұрын
At 45:05 why did you add key = {contact.id}? I mean to ask what is the purpose of adding it?
React Tutorial for Beginners
1:20:04
Programming with Mosh
Рет қаралды 3,5 МЛН
FOREVER BUNNY
00:14
Natan por Aí
Рет қаралды 26 МЛН
Ice Cream or Surprise Trip Around the World?
00:31
Hungry FAM
Рет қаралды 21 МЛН
How Much Tape To Stop A Lamborghini?
00:15
MrBeast
Рет қаралды 213 МЛН
Learn Node.js & Express with Project in 2 Hours
1:42:53
Dipesh Malvia
Рет қаралды 577 М.
React JS Crash Course
1:48:48
Traversy Media
Рет қаралды 3,4 МЛН
React Crash Course 2024
3:04:36
Traversy Media
Рет қаралды 609 М.
React js full tutorial in Hindi | Complete Course
9:44:58
Code Step By Step
Рет қаралды 704 М.
React Tutorial in Hindi 🔥🔥
2:12:57
CodeWithHarry
Рет қаралды 2,9 МЛН
React JS Full Course 2024
10:50:49
Anson the Developer
Рет қаралды 137 М.
Angular Crash Course
2:01:32
Traversy Media
Рет қаралды 1,4 МЛН
FOREVER BUNNY
00:14
Natan por Aí
Рет қаралды 26 МЛН