Hi Guys, This channel is all about helping you to learn web development skills and techniques in most simplified and fun way. If you are just getting started in web development then this channel has all the tutorials and videos you need to learn the newest and most popular technologies to convert you from a beginner to full stack web developer.
I started this channel to share my learning path. Doing data entry for my first job in 2013 to a Technical Lead for top capital market clients I have come a long way. I am passionate about teaching and inspire more people to grow as web developers.
Thank you for watching!
Пікірлер
31:28
Sir how can we link this with the front end made with react js?
Thanks for developing the Application of ReactJS With Firebase Auth & Store
Still using this content for helping me in 2024. 👏
1:18:57
Hi Dipesh I am trying to fetch data using the map function but I'm unable to get the output on my web page what are the issues can you please help?
Unfortunately, it is difficult to understand what you are trying to do and what error you get ? I need a codebase to understand what you are trying to do ?
@@DipeshMalvia function Contactlist(props){ console.log(props) const renderContact = props.contacts?.map((contact)=>{ return( <div className='ui contactlist'> <div className='content'> <div>{contact.Name}</div> <div>{contact.mail}</div> </div> actually here the map function is not working. it was showing -:TypeError: Cannot read properties of undefined (reading 'map')
Why you do this to students, making promotion videos in name of review. You should tell the reality don't miss guide the students
While making final component to render We write the code like export default function App(){ return () } OR export function App(){ return () } OR function App(){ return () } export default App; OR const App = ()=> { return () } export default App; What is the difference in these 4 types of "export" in React-JS??
In this case contexts are the solution no ? Why a Component ?
If you mean Context API then it is used for the sharing data and creating global data store to share among not so complex applications. This is a pattern that helps you to achieve SOC.
@@DipeshMalvia Of course !
Hi! Hidden component is deprecated. How can i change it?
I don't recall, you can check the documentation.
53:15
"I'm sorry, but this video is quite confusing. Could you please delete it and create a new one using the latest version of React?
I can definitely think of creating a new but delete this is not possible.
beginners DO NOT do this in a serious project. We have hooks now, they are enough to separated logic from UI. This pattern is very outdated and makes your project more complex to maintain. You can also use typescript instead proptypes
Now this comment has put me in jeopardy whether to watch or not
Yes, I have mentioned the same if you we are using typescript you don't need proptypes for validation of props. However this pattern is still followed in large applications. Hooks is also one of the pattern but that doesn't mean this is outdated.
Sir. Can you please say how to host i have tried using vercel but i am getting 404 error for json api
2024 still use proptypes?
Yes, there are companies and applications I have seen where propstypes are used because they are not using TS.
Nice please come up with more react design patterns
Thanks and sure
Sir please I requested to make Node js express mong db more projects to learn more and more Sir I will wait it and I appreciate your Time and Effort Sir
I will try my best
Welcome back Sir , Amazing Tutorial with clear Explanation Sir Thanks So Much
Thanks and welcome
Thank you, even though i got a problem to get your accent, you'll guys from India makes programming get easier. Have a good week.
Thanks
the upload care part is not explained as the whole project was based upon it
thank you very much
You are welcome
56:28
I am getting below error for editContact, not able to resolve this. it is pointing to "updateContactHandler" function ERROR: TypeError: 'caller', 'callee', and 'arguments' properties may not be accessed on strict mode functions or the arguments objects for calls to them at AsyncFunction.invokeGetter (<anonymous>:3:28) at EditContact.update (localhost:3000/static/js/bundle.js:900:9)😔
The part that shows the links and the delete or copy link icons is not showing in my local host. what could be the problem?
i am facing this error Firebase: Error (auth/argument-error).
Nice content
Thank you man!!!!!!!!
Happy to help
Sir, your the app which you have deployed isn't working well
Sir can I connect this frontend to backend project you teached us in backend series? Please help me🙏
Sir how can I connect this frontend to the nodejs backend project you teached in backend series. Please help meee🙏
I have an swetting, when i am same cide write on my laptop ro as weyas understand
I play all other videos at 1.25x , but yours 0.75x MM was overwhelming for newbie like me. :) Cheers.
UseMemo is also give same result
Great video. properly explained in 15 minutes
1. Maximum call stack size exceeded RangeError: Maximum call stack size exceeded 2. Network Error AxiosError: Network Error mee to facing this problem ... i dont know how to resolve this ..... please hepl me to resolve these errors sir
If I have implemeted clusters to use all the thread then how to implement real singleton design pattern class because if there is a 8 logical thread in my PC then it will create 8 different instance. In c++ they uses mutax to solve this solution. But I don't know how to implement this in nodejs. Can you help me with this?
Telling things in a faster way. Not given a proper explanation
How to embed this backendcode to frontend to make a working website please a put video on this sir.
awsome
Thanks for the video, it was very descriptive and really easy to follow.
Very explained tutorial ❤ Could you please provide another video for deployment of this project 🙏
Totally Waste of Time bro
why bro?
Best Tutorial Ever!!
I have a suggestion, instead of using Layout inside each of the pages, we could rather wrap <Outlet/> in protected routes with <Layout> and it should work the same way.
@@adarshanayak8392 : that’s a very good suggestion we always have some room for improvement.
You can change the code and become contributor and raise PR to GitHub I will approve and merge
Can u do a video on react typescript npm package publishing
i appreciate the hard work.
When I try to use react-bootstrap components I get the below error 'Container' cannot be used as a JSX component. Its return type 'ReactNode' is not a valid JSX element. Type 'undefined' is not assignable to type 'Element | null'. This is happening only for certain specific react-bootstrap components.
But this deployed App doesn't work on my phone. Is it me or i need to try it on a desktop
1:56:17 uuid install