Guys, if you feel this video was helpful in any sort than please hit the like button and subscribe channel. Need your support to keep myself motivated😎
Bro really awesome... explanation...can you please make a vedio crud operation using functional components........we will support you..plz share your details.... thanks bro 💕💕💕💕💕💕👍
I love this tutorial, clear and to the point, the only Issue is why you need to mix class with functional component, I am trying to change the class comp. to FC butting getting some issues already.
Really great video so far I found for react js project. From the beginning the way you started by first building basic components and then by using react concepts building functionality one by one really helped a lot for me . Thanks
It is great tutorial I could ever see , just a suggestion if you decrease your speed a little bit it will more convenient as it made me pause and do it again but expecting more tutorial for MERN stack too
I usually don't comment vidoes on YT, but this time I need to say I really appreciate your content and time given to those projects, they are very helpfull :)
You just taught short and sweet all things what I have learnt from 100 videos. You have fulfilled the starting level. This should be a first try for every React beginners. I can't import uuid from uuid4. Have anyone faced this issue kindly post the solution.
Awesome commentary and great tutorial! The only thing that really did grind my nerves was the recurring Microsoft window alert sound. It's obnoxious enough by itself, but being so much louder than your voice recording didn't make things better 😅
You might want to consider either turning it off in the future. You can even remove them in post-production by using Audacity - this works pretty nicely by using voice sampling IIRC.
Thank you for theReactJS video series. It makes learning React JS way simpler. But while implementing this application, I was struck in useEffect part. I was not able to restore values on reload. After debugging, I came to know that useEffect was running twice due to React.StrictMode. This issue makes me do some research on it and one additional point that has been added to my React knowledge is that for security purposes, StrictMode forces every component to render twice. Thank you again!
It becomes difficult to do usestate in class component for those who are engineers .You should atleast also show the usestate with functional component then should move to usestate with class component
24:48- at this point I am facing some trouble...my jsx component when I copy and paste in ContactCard shows that the map elements are not defined. should I use props and transfer these to this component?
Hey Dipesh, nice to meet you! I just found your channel and subscribed, love what you're doing! I like how clear and detailed your explanations are as well as the depth of knowledge you have surrounding the topic! Since I run a tech education channel as well, I love to see fellow Content Creators sharing, educating, and inspiring a large global audience. I wish you the best of luck on your UA-cam Journey, can't wait to see you succeed! Your content really stands out and you've put so much thought into your videos! Cheers, happy holidays, and keep up the great work!
Thanks for the support 🔥 to us sir, i have a doubt in my project? that is how to add navigation as well as sidebar , here i'm adding navigation but sidebar? please help me, how to do?
Sir give me solutions..... how to cheack localstroage is empty or not ? (If the localstroage is empty simple write please add data other wish localstroage data will write )
I created the app and started it, It worked initially, Then I stopped it. And then Deleted the files not required for this application, as said in video from 7:04 to 7:38. But after that the application never ran. It gave errors like "ENOENT: no such file or directory, open "
Hey Raj, the second part is the next video React Router, after that it's React Axios CRUD and last is Search Filter. Playlist link - ua-cam.com/play/PLTP3E5bPW7944Ec1lfXzavqRHzxY5FigD.html
Hi Jhun, I don't have a straight and small answer for your question but they both have their props and cons. Also function components with React Hooks are getting popular as a modern way of building components. I found an article that would be a good read to understand about both type of components and their pros & cons. Article - www.twilio.com/blog/react-choose-functional-components
Hii sir,can you explain about Employee details like employee list and employee list item and title of the employee and description of the employees using crud operation.
I have a CRUD operation video for this contact app you can use it as a reference and but your own Employee project - ua-cam.com/video/59z1_3-vTOk/v-deo.html
Encountered two children with the same key, ``. Keys should be unique so that components maintain their identity across updates. Non-unique keys may cause children to be duplicated and/or omitted - the behavior is unsupported and could change in a future version.
Hello, I keep on getting this error 'Uncaught RangeError: Maximum call stack size exceeded' it is shown in the console when I try and add a contact. How would I fix this?
The reason is you are using React 18 and there were some breaking changes in working of useEffect - You can refer to this video how to fix the issue - ua-cam.com/video/vApTJpRqyx4/v-deo.html
This won't be sufficient to provide any solution. Make sure you have NodeJs installed properly and if you are using the reference code than use npm install to install the dependencies.
Can I get Source code for full project Not only for this video but all source code for multiple video's related to this crud I think you post multiple video's parts of this project
Guys, if you feel this video was helpful in any sort than please hit the like button and subscribe channel. Need your support to keep myself motivated😎
bro are u a professional developer?
How to communicate this application to firebase database? Pls explain for this problem👏👏
I have facing a problem when I access props there is nothing shown on my localhost when I run in console.log its show data
Bro really awesome... explanation...can you please make a vedio crud operation using functional components........we will support you..plz share your details.... thanks bro 💕💕💕💕💕💕👍
sir useEffect to retrieve data back from local storage not working when i refresh page
I love this tutorial, clear and to the point, the only Issue is why you need to mix class with functional component, I am trying to change the class comp. to FC butting getting some issues already.
Master! Great build, so much value condensed into a small amount of time!
Glad you liked it!
Your tutorial is amazing,Way to go !! 🔥 It would be great if you had a project with context API too. Just a suggestion. :)
Noted! I have a whole bunch of videos covering all topics of React. You will see more in coming months. Thanks!
Bro! I came here to learn how to delete items and refresh the list and you didn't disappoint!
Thanks a lot.
Glad I could help!
Really great video so far I found for react js project. From the beginning the way you started by first building basic components and then by using react concepts building functionality one by one really helped a lot for me . Thanks
I'm from Kyrgyzstan , bro you helped me a lot!!! Forward only forward
Thanks buddy. More videos to come😊
It is great tutorial I could ever see , just a suggestion if you decrease your speed a little bit it will more convenient as it made me pause and do it again but expecting more tutorial for MERN stack too
evidayum malayalee 😃
I usually don't comment vidoes on YT, but this time I need to say I really appreciate your content and time given to those projects, they are very helpfull :)
not able retrive the data
Same here!
Same 😢, can't even figure out why it's not happening
Only form is visible in my case .....and when am adding new contacts nothing is added to the contact list !!
Useful brother
do not stop your works❤
Thank you, I will
To the point explanations .. Love it...Way to go brother
Glad you liked it!
I am *gonnu* like this video for sure :)
35:01 you remove &&(and operator) and write ||(or operator) but its still not working and adding empty fields
Thank you man...you really helped me out. I was able to merge this with a ruby backend.
Excellent!
Hey Dipesh, your service is so useful, thanks for your videos, please do lot of videos like this, it is most useful people like me,
Sure I will
Could you please show us how to code Addcontact as a function instead of a class?
Hi there!! I look forward to watching your instructional video!!
Thanks! Hope it's helpful!
Please make more videos on such kinds of projects on React.
Sure! Keep watching!
You just taught short and sweet all things what I have learnt from 100 videos. You have fulfilled the starting level. This should be a first try for every React beginners.
I can't import uuid from uuid4. Have anyone faced this issue kindly post the solution.
same here
Today I tried to implement the same app but the local storage functionality is not working. DATE: 09-07-2022
Have you solved that problem?
This video is really helpful to learn react. Its crisp and clear. Thankyou for your effort
Glad you enjoyed it!
evidayum malayalee 😆
Awesome commentary and great tutorial!
The only thing that really did grind my nerves was the recurring Microsoft window alert sound.
It's obnoxious enough by itself, but being so much louder than your voice recording didn't make things better 😅
You might want to consider either turning it off in the future.
You can even remove them in post-production by using Audacity - this works pretty nicely by using voice sampling IIRC.
Thank you for the great tutorial. This one is the most helpful I found so far.
please upload tutorial series and project building in next js please thanks. Your way of teaching is awesome
Thank you for theReactJS video series. It makes learning React JS way simpler. But while implementing this application, I was struck in useEffect part. I was not able to restore values on reload. After debugging, I came to know that useEffect was running twice due to React.StrictMode.
This issue makes me do some research on it and one additional point that has been added to my React knowledge is that for security purposes, StrictMode forces every component to render twice.
Thank you again!
This happens in React 18 so I have a video how to make the code work please check - ua-cam.com/video/vApTJpRqyx4/v-deo.html
It was going good to learn!! thanks
Best content, your explanation was so easy tp understand the working principles
Glad you enjoyed 😊
Hi Dipesh, You are great!!. This video really helpful for me.
Glad it was helpful!
Why do we use class component for addContact?
Thanks for this great video, you can make more complex app with React Sir. you are a great instructor
Could you please share which company and model headphone you are using?
Nice Explanation. Subscribed. Love from Pakistan 🇵🇰
Thankyou so much! Welcome to the family 🙂
I needed to install util to run uuidv4
Later again I am getting error of maximum storage exceeded
Can you please help me out from this.
Yes how to solve this
i am from brazil, thanks for the video bro!! helps a lot!
Hi Dipesh .
Can you say me about your course ?
If i do this project and others .
Will i be a junior or middle react developer?
Thanks for your reply.
You are doing great work i appreciate it ,thanks all about your efforts.
Thanks a lot for this tutorials. Please can you make advance react tutorials. Thanks in advance
Sure, more videos on React are on the way. Publishing React Router on Tuesday. Stay Tuned.😊
I have an swetting, when i am same cide write on my laptop ro as weyas understand
Dil ❤️ maange more 🔥
Thanks a lot for the video my friend!
My pleasure!
Hello Dipesh, great video!
I am wondering how would u increment id prop without using uuid?
@dipesh i think error in contact card saying props.clickhandler is not a function
props.clickHandler is not function error shows plz help !!!!
@DipeshMalvia Sir, Please before statring a project clear the flow of data , it would easy to understand the complete code at very efficient time
It becomes difficult to do usestate in class component for those who are engineers .You should atleast also show the usestate with functional component then should move to usestate with class component
Nice tutorial Dipesh, I learn a lot 👌🔥
24:48- at this point I am facing some trouble...my jsx component when I copy and paste in ContactCard shows that the map elements are not defined. should I use props and transfer these to this component?
Hey Dipesh, nice to meet you! I just found your channel and subscribed, love what you're doing!
I like how clear and detailed your explanations are as well as the depth of knowledge you have surrounding the topic! Since I run a tech education channel as well, I love to see fellow Content Creators sharing, educating, and inspiring a large global audience. I wish you the best of luck on your UA-cam Journey, can't wait to see you succeed! Your content really stands out and you've put so much thought into your videos!
Cheers, happy holidays, and keep up the great work!
Glad you enjoyed. Thanks a lot for a such a nice comment. Highly appreciated ☺️
@@DipeshMalvia No problem, keep up the great work!
Thanks for the support 🔥 to us sir, i have a doubt in my project? that is how to add navigation as well as sidebar , here i'm adding navigation but sidebar? please help me, how to do?
Thank you for providing valuable information sir 🙏🙏🙏
I used ui container center class but the content is not rendered at center
I think you should refer to semantic UI documentation for classes as the documentation might have changed in last one year.
I'm just starting react so Can I begin with this?
I tried but after deleting webvitals file and other files I am getting error
.. I am not getting what to do.. please help..
Please check your errors might be you have deleted the file but their refrences still present in index.js or app.js files
great you are bro....keep going on.
Sir , javascript me interview questions answers ki new series banaiye please ( theory, practical examples )
Sir i followed exact same steps as you but, the trash icon is appearing at bottom of email not at right bottom, please help me with it 🙏
@@aniketbond0072 : you can check the codebase and copy the css files.
Hey guys you done the good job and keep it up
Bro,where i can import this delete icon.instead this icon we can put button for this ??
Sir give me solutions..... how to cheack localstroage is empty or not ? (If the localstroage is empty simple write please add data other wish localstroage data will write )
I created the app and started it, It worked initially, Then I stopped it. And then Deleted the files not required for this application, as said in video from 7:04 to 7:38. But after that the application never ran. It gave errors like "ENOENT: no such file or directory, open "
Same issue I am also getting, did u get it ?
@@sai6157 try to navigate to correct directory path then run the application
hi, Dipesh love they way you explain the code , can you guide where is second part of this contact app ?
Hey Raj, the second part is the next video React Router, after that it's React Axios CRUD and last is Search Filter.
Playlist link - ua-cam.com/play/PLTP3E5bPW7944Ec1lfXzavqRHzxY5FigD.html
@@DipeshMalvia thanks you are Legend, I will highly recommend to my colleagues who wants to learn react,
@@2784raj : Thanks, my channel needs support. Happy Learning 😃
What are the cons and pros of using classbase components vs functional components?
Hi Jhun, I don't have a straight and small answer for your question but they both have their props and cons. Also function components with React Hooks are getting popular as a modern way of building components. I found an article that would be a good read to understand about both type of components and their pros & cons.
Article - www.twilio.com/blog/react-choose-functional-components
Hii sir,can you explain about Employee details like employee list and employee list item and title of the employee and description of the employees using crud operation.
I have a CRUD operation video for this contact app you can use it as a reference and but your own Employee project - ua-cam.com/video/59z1_3-vTOk/v-deo.html
i don't know basics of react js is it good for me
Bro, Can you make a video for showing how real time react project will be
how to fetch local storage and display it on screen
If you are using react 18 then you can follow this video for fixing the breaking changes - ua-cam.com/video/vApTJpRqyx4/v-deo.html
@@DipeshMalvia ok
LOVELY VIDEO SIR
Thanks a lot
how to fix the vulenrablities while downaloding packages??
Encountered two children with the same key, ``. Keys should be unique so that components maintain their identity across updates. Non-unique keys may cause children to be duplicated and/or omitted - the behavior is unsupported and could change in a future version.
the video was good but bit confusing bcoz of contacts name defining props child to parents it should have more time on this parts
Can you please also help me to edit the data from local storage....
Dipesh, the localstorage is not working for me
in the trash icon fuction you can say only e.target.parentelement.remove this its coffuse Eng
Thanks its very helpful
You're welcome
so easy like a todo application
Error: maximum call stack size exceeded
RangeError: maximum call stack size exceeded. Can u plz give me a solution for this
Hi, it is very great course, but can you please rewrite the AddContact component also on Hooks and leave it in a comment ? Thank you in advance :)
I'm not able to retrieve the data from the local storage
As you might be using React 18, so there are some changes I have added a video please check - ua-cam.com/video/vApTJpRqyx4/v-deo.html
Unable to store the data in the local storage
Good tutorial 😀
Hello, I keep on getting this error 'Uncaught RangeError: Maximum call stack size exceeded' it is shown in the console when I try and add a contact. How would I fix this?
Please use the reference code for comparison.
i seen this now , and i implemented but after refreshing data went hide from the document. what might be reason to happen this ?
The reason is you are using React 18 and there were some breaking changes in working of useEffect - You can refer to this video how to fix the issue - ua-cam.com/video/vApTJpRqyx4/v-deo.html
@@DipeshMalvia thankyou
Amazing video
Thanks!
Great 💯
Class name not getting applied what is ui class?
Sir icon is not fit properly
Where is the classes ...avatar etc?
thank you!
You're welcome!
im beginnner and very good tutorial but i cant start the projekt
hey brother what is that ui classes? are we importing anything?
yes when we import stylesheets from such semantic ui's we can use classes as such
Best sir
Thanks!
Can't retrieve contact 😢
Hello sir, nice video
I'm doing same as you
But when I refresh Page ,
My get data also not showing
Yes, because you are using React 18 and the tutorial uses React 17 - please follow this updated video - ua-cam.com/video/vApTJpRqyx4/v-deo.html
@@DipeshMalvia
Sir how can I contact you
How to do reports in react any tutorial bro
I tryed many time .. error occurs in starting. Can't resolve module
This won't be sufficient to provide any solution. Make sure you have NodeJs installed properly and if you are using the reference code than use npm install to install the dependencies.
good job
I’m having error in my code, PLEASE HELP
Please specify your error or check for github link and take reference from code
Can I get Source code for full project
Not only for this video but all source code for multiple video's related to this crud
I think you post multiple video's parts of this project
use nanoid if the uuid is not working.....thanks😄