13:50, I agree, but most people who start their React journey are most likely beginners that cannot get a job yet. I will highly recommend starting cloning some big projects like Twitter, Instagram, etc. Create as many features as you possibly can. This way, you will face the same problems they faced, and you will have to find a workaround for them.
Good project ideas! I did a pinterest clone while learning and it taught me a lot. I agree that getting a job might not be possible for a lot of people, but I do think that even if someone is not 100% confident in react, I feel like they should search for a job. Jobs teach you a lot, specially entry level ones
@@PedroTechnologies Getting jobs are not hard, the trick is getting the money you want for the job, if you are having trouble finding a job look for a project and do it for free if you have to. Non profits are a great place to find them. I am now in my 60's have been coding for 40 years now, i never went to college, not bragging but I currently am making $180k, my first projects were like I said, did them for free and built up a resume, yeah its hard, but trust this you will only need to do it for about a year. I also worked at a car wash when I started and took the bus everywhere.
@@quorunq1189 Thank You, I am assuming a typo and you meant "Living" not leaving. Best to you either way, follow your dreams and they can become reality.
Thanks for this informative video. Just to share my experience, I've been given an old react project to make it as much better as I can; the project was written about 4 years ago, all with class components, redux and old version of NEXT JS! Since I hadn't learnt any of those when I started learning react, I'm struggling with them all at once. That's TOUGH!
It is a tough situation! I would recommend every company start transitioning into functional components or else they will be left behind. However in some situations like yours there is nothing you can do. In this case I would recommend watching old react tutorials
What _really_ sucks about React and learning Web development in general is how easily you can find yourself "misguided" in your journey Consider learning React and learning all these libraries like React Router and then learning component libraries and whatnot, and compare that to learning something like SwiftUI (or Jetpack Compose, or probably even Dart)... in the case of SwiftUI, granted, Apple has its own design principles which it encourages and probably in fact enforces with SwiftUI, but SwiftUI has the path paved for you in how things are done and how they're laid out, and you have "batteries included" for probably most of your needs. With the Web and React, there are so many options it's overwhelming, so you might end up like myself in a state of analysis paralysis or paralysis by too many choices; you might also find yourself rolling shit you might not need because there was a library for that, but you didn't know where to look; or there's a good library, but it's not maintained anymore and you waste time searching for an alternative or wondering if you should learn that at all. Anyway, Web development can be pretty complicated. But I guess at least you're not at the mercy of one company dictating what the technology you use should be like _and_ taking a sizable cut off your revenue.
Nice tips. I quite agree with all your point. However, I still feel one needs to learn class components even though they might not be applied that much. Knowing class components will make you understand react lifecycle better. More so, in some instances when you are working with legacy codes, you might likely come across them. The same thing also applies if you are working with themes. Some are written with class components. Above all, I feel questions related to class components come out a lot in job interviews.
I understand what you mean, however I still think it is doable to learn the react lifecycle without class components. I actually think class components are most useful nowadays when you are trying to transition an old component from class to functional (something I had to do in my job).
I can understand this. Both of you is right. In my opinion, the best time to learn class components is after one learned functional components and hooks.
Speaking as someone who’s been a system developer consultant for 11 years, I feel like these tips would work extra well if you expect to be the only frontend developer at your workplace or in your work project, doing greenfield stuff (new applications rather than legacy), whereas if you’re working with a team of frontend or fullstack developers it suddenly becomes much more important to decide what to learn depending on what is already being used, e.g. redux or whatever. You typically don’t get to choose what style and libraries to use, instead you are generally expected to handle whatever is thrown at you and to follow existing code standards. Of course you can recommend new stuff and have a say in certain things, just be prepared to work with legacy things like class based components or more complex libraries like redux even if that wouldn’t otherwise be your first choice.
Yo this is a great video i just finished a boot camp that gave me a really solid foundation for creating web apps we covered react and talked about everything you went over and alright we didn’t spend that much time in the boot camp on react, ive wanted to self study to prepare for jobs and your video sounds like a great road map to follow
Thanks a bunch for an invaluable piece of advice. I wish I had watched your video prior to starting learning React, given that I had trouble getting my head around React too. I came to the realization that it's just a matter of time. If you keep practicing, making projects utilizing React consistently, you'll get the hang of it for certain. So the bottom line is never say die and keep coding as much as it can get... By the way, are you planning on making a video on Next.js in the future?
Don't worry, I used to have a lot of trouble understanding react because I lacked some of the initial knowledge I should have learned. However with time it comes naturally. I plan on some more nextjs videos soon :)
Hey, great video. I appreciate you taking the time to give a good roadmap for learning React (currently chipping away at it). I think your video could be further improved by perhaps making adding some sort of visual presentation of the process. It is a bit hard to follow simply by listening to you, so I had to take visual notes as I went along. Just a suggestion!
Great stuff Pedro, i liked how you explain. Brother I liked to start small react application that contain login page and home page with side bar per user permission, i watched you videos I hope they help me my journey.
Once you used to a js framework like react or vue combined with nodejs express, you'll feel like youre coding a vanilla js. Then you start finding a new tools to make it easier. Thats the call to learn Nextjs or Nuxtjs.
Pedro, could you make a video on how to learn those popular styling libraries, like Ant Design and Material UI? There docs are so big and look messy, where should I start?
A lot of the things you said it’s useless to learn will be asked during the interview so I suggest people learn vanilla js and how to manipulate the dom and react classes
good tutorial you have sir .. i just want to get your opinion about me learning REACT JS .. MY superior in the office instructed me to learn REACT JS .. i only know html css and php wayback 5 yrs ago and i forgotten it already .. NOW , im learning REACT JS .. i already know how to use USESTATE ,USEEFFECT and was able to create login, a bit of CRUD in REACT JS .. NOW, im kinda thinking of learning JAVASCRIPT because i know nothing about JAVASCRIPT WHEN I LEARN REACT .. .. so NOW IM LEARNING javascript to fully grasp HOW REACT WORKs BECAUSE react js IS based on JAVASCRIPT .. SO YEAH! , IM LEARNING JAVASCRIPT AS I watch your tutorial, Thank you !
Hi, Thanks for the detailed videos. I am following you on my React Journey. Please make use of slides/ written content while explaining all the stuff. Also, show a Recap slide at the end.
Hi! what do you mean when you say the theoretical part of react? can you address us to to good sources of information and write us a list of the realavnt concepts? thx in advance 👏🏻
hello pedro, thank u for your tutorials .we are really profit from them but there is not any tutorial in youtube about admin pannel of node,react,mysql, project can u do one video for example? thanks
Hi, I´m not a native English speaker so I was not able to understand the library you quoted to create multiple pages. did you say React-query-dom? I did some research and found one called react-router-dom. Which one is it? thanks
Could you make a video on React Query? I used it in my last project and realized the amazing potential it has but I would love to learn to use it better.
I don't think you need to be good in react to start next. They are very similar and different at the same time. I would say you CAN learn nextjs without knowing react, but in my opinion I would at least get used to the basics of react before going to next.
But if we want create a bigger application in react we have to use class compnt's.... At present i am working on health care project (we r using class compnt's... So please do the video on class compnt's how to use it.
A lot of people are saying they are at this stage too! I am thinking about making a video on react project ideas. THere are some good ideas the comments if you want to check.
@@PedroTechnologies A video like that would be helpful. Please do. I saw one of the comment you mentioned a few ideas. I will go through more comments and see what others are saying.
I started learning react 2 months ago, but my friend who is a senior dev told me only react can't get me a job. He told me to learn alot of other stuff beside react like redux, nextjs, UI libaries,... and some basic knowledge in the backend too, is it true that frontend entry level is that difficult?
I'm not Pedro but this is true. It is also expected to know some Typescript (which isn't so hard really). Get comfy in React first and then move to Redux and routes, etc.
Hy I'm not starter but mid level of react Js Kindly tell how I'm improving my react im fully confused what can i do..... If projects is a solution then I'm also confuse about projects kindly give any idea thanks ❤️
After a while it all comes down to practicing through projects. I don’t know you current level, but some cool projects that personally helped me were the following: social media website, something that deals with a lot of data, testing out weird libraries for fun, cloning websites
@@PedroTechnologies if I'm give rate out of ten then its 7 I also done WhatsApp clone Amazon clone Netflix clone But I'm not satisfied i want big project help me
It depends a lot on how much time you spend studying everyday and also what you consider is the threshold for learning. In this video i considered the threshold to be the point where you start applying for entry level jobs (which is indeed possible in 3 months). But i find it interesting peoples different opinions on how long it takes hahaha how long do you think it takes to learn react?
@@PedroTechnologies .... Next js seems amazing but React is so da*m nerdy it's all over the place. I think my main think I flat out don't enjoy using React. So I ask myself do I really want to do this everyday for work
Get 20% Off Brilliant and Help Support the Channel: brilliant.sjv.io/PedroTech
If i would start over , i wouldnt learn react, i would learn AI so that i can create a full website in just 1 min:)
13:50, I agree, but most people who start their React journey are most likely beginners that cannot get a job yet.
I will highly recommend starting cloning some big projects like Twitter, Instagram, etc.
Create as many features as you possibly can. This way, you will face the same problems they faced, and you will have to find a workaround for them.
Great video btw!
Good project ideas! I did a pinterest clone while learning and it taught me a lot. I agree that getting a job might not be possible for a lot of people, but I do think that even if someone is not 100% confident in react, I feel like they should search for a job. Jobs teach you a lot, specially entry level ones
@@PedroTechnologies
Getting jobs are not hard, the trick is getting the money you want for the job, if you are having trouble finding a job look for a project and do it for free if you have to. Non profits are a great place to find them. I am now in my 60's have been coding for 40 years now, i never went to college, not bragging but I currently am making $180k, my first projects were like I said, did them for free and built up a resume, yeah its hard, but trust this you will only need to do it for about a year. I also worked at a car wash when I started and took the bus everywhere.
@@charles-y2z6c you are leaving my dream
@@quorunq1189 Thank You, I am assuming a typo and you meant "Living" not leaving. Best to you either way, follow your dreams and they can become reality.
Thanks for this informative video.
Just to share my experience, I've been given an old react project to make it as much better as I can; the project was written about 4 years ago, all with class components, redux and old version of NEXT JS!
Since I hadn't learnt any of those when I started learning react, I'm struggling with them all at once.
That's TOUGH!
It is a tough situation! I would recommend every company start transitioning into functional components or else they will be left behind. However in some situations like yours there is nothing you can do. In this case I would recommend watching old react tutorials
What _really_ sucks about React and learning Web development in general is how easily you can find yourself "misguided" in your journey
Consider learning React and learning all these libraries like React Router and then learning component libraries and whatnot, and compare that to learning something like SwiftUI (or Jetpack Compose, or probably even Dart)... in the case of SwiftUI, granted, Apple has its own design principles which it encourages and probably in fact enforces with SwiftUI, but SwiftUI has the path paved for you in how things are done and how they're laid out, and you have "batteries included" for probably most of your needs. With the Web and React, there are so many options it's overwhelming, so you might end up like myself in a state of analysis paralysis or paralysis by too many choices; you might also find yourself rolling shit you might not need because there was a library for that, but you didn't know where to look; or there's a good library, but it's not maintained anymore and you waste time searching for an alternative or wondering if you should learn that at all.
Anyway, Web development can be pretty complicated. But I guess at least you're not at the mercy of one company dictating what the technology you use should be like _and_ taking a sizable cut off your revenue.
Nice tips. I quite agree with all your point.
However, I still feel one needs to learn class components even though they might not be applied that much.
Knowing class components will make you understand react lifecycle better.
More so, in some instances when you are working with legacy codes, you might likely come across them.
The same thing also applies if you are working with themes. Some are written with class components.
Above all, I feel questions related to class components come out a lot in job interviews.
I understand what you mean, however I still think it is doable to learn the react lifecycle without class components. I actually think class components are most useful nowadays when you are trying to transition an old component from class to functional (something I had to do in my job).
I can understand this. Both of you is right. In my opinion, the best time to learn class components is after one learned functional components and hooks.
Speaking as someone who’s been a system developer consultant for 11 years, I feel like these tips would work extra well if you expect to be the only frontend developer at your workplace or in your work project, doing greenfield stuff (new applications rather than legacy), whereas if you’re working with a team of frontend or fullstack developers it suddenly becomes much more important to decide what to learn depending on what is already being used, e.g. redux or whatever. You typically don’t get to choose what style and libraries to use, instead you are generally expected to handle whatever is thrown at you and to follow existing code standards. Of course you can recommend new stuff and have a say in certain things, just be prepared to work with legacy things like class based components or more complex libraries like redux even if that wouldn’t otherwise be your first choice.
Yo this is a great video i just finished a boot camp that gave me a really solid foundation for creating web apps we covered react and talked about everything you went over and alright we didn’t spend that much time in the boot camp on react, ive wanted to self study to prepare for jobs and your video sounds like a great road map to follow
Thanks a bunch for an invaluable piece of advice. I wish I had watched your video prior to starting learning React, given that I had trouble getting my head around React too. I came to the realization that it's just a matter of time. If you keep practicing, making projects utilizing React consistently, you'll get the hang of it for certain. So the bottom line is never say die and keep coding as much as it can get... By the way, are you planning on making a video on Next.js in the future?
Don't worry, I used to have a lot of trouble understanding react because I lacked some of the initial knowledge I should have learned. However with time it comes naturally. I plan on some more nextjs videos soon :)
I read that first as 'never die' :S
damnit man!! you're a god send! i literally was asking myself how much js do i need to know for react! thank you.. love your videos..
Ur guidance is amazing!! Keep uploading full stack projects it really helps to understand the technologies.
YES BRO GET THAT BRILLIANT SPONSORSHIP, I WILL USE THAT 20% DISCOUNT
Bro i have watch dozens of your videos in just 2 days and believe me you are one of the best....new subscriber here
Thanks for the video! I've just watched one before this that said I should learn 9 libraries, which got me really scared.
I love the mess in the back of your room 😍 This proves you don't care about non techie stuff - impressed! 🙂
Hey, great video. I appreciate you taking the time to give a good roadmap for learning React (currently chipping away at it). I think your video could be further improved by perhaps making adding some sort of visual presentation of the process. It is a bit hard to follow simply by listening to you, so I had to take visual notes as I went along. Just a suggestion!
.zipper{
position:absolute;
top: 0;
left: 0;
Great content!
☺️
This is the best React roadmap ever
Proud to be your subscriber
What is so confusing is that I’m learning with functional components but react docs are doing so much with class components. What’s up with that?
Now react docs removed class components
Its kind of outdated but the course Im learning at says you need some basic understanding because major part of legacy code is on it
I appreciate your advice to learn React. I hope to be a intermediate developer in the next three months. jajaja
You can do it!
Great stuff Pedro, i liked how you explain. Brother I liked to start small react application that contain login page and home page with side bar per user permission, i watched you videos I hope they help me my journey.
Awesome! You can do it!
Once you used to a js framework like react or vue combined with nodejs express, you'll feel like youre coding a vanilla js. Then you start finding a new tools to make it easier. Thats the call to learn Nextjs or Nuxtjs.
Pedro, could you make a video on how to learn those popular styling libraries, like Ant Design and Material UI? There docs are so big and look messy, where should I start?
A lot of the things you said it’s useless to learn will be asked during the interview so I suggest people learn vanilla js and how to manipulate the dom and react classes
This guy explaining my recent situation.
good tutorial you have sir .. i just want to get your opinion about me learning REACT JS .. MY superior in the office instructed me to learn REACT JS .. i only know html css and php wayback 5 yrs ago and i forgotten it already .. NOW , im learning REACT JS .. i already know how to use USESTATE ,USEEFFECT and was able to create login, a bit of CRUD in REACT JS .. NOW, im kinda thinking of learning JAVASCRIPT because i know nothing about JAVASCRIPT WHEN I LEARN REACT .. .. so NOW IM LEARNING javascript to fully grasp HOW REACT WORKs BECAUSE react js IS based on JAVASCRIPT ..
SO YEAH! , IM LEARNING JAVASCRIPT AS I watch your tutorial, Thank you !
Sis give me updated 🤣 I'm planning to learned react but I only know the JavaScript fundamentals
Perfect timing , thanks. I recommend you read The Unplugged Alpha by Richard Cooper and The Almanack of Naval Ravikant by Eric Jorgensen
Thank you for your suggestions.
React hooks really gets me.. I can't understand them no matter how hard I try😕
Brh same💀 but gotta keep hitting
This video helped a lot. You broke it down perfectly
Hi, Thanks for the detailed videos. I am following you on my React Journey.
Please make use of slides/ written content while explaining all the stuff. Also, show a Recap slide at the end.
Great guidance when starting to learn React. Thanks, Pedro.
{2021-11-30}, {2023-05-24}
My pleasure!
This is so helpful! Pretty cool jacket you’re wearing there too bud
THank you! :)
Excellent advice in this video!! Many thanks for doing this, precisely what I needed to know!
Seus vídeos são muito bons cara! Tô devorando seu canal! Ainda mais legal ver que você é BR também!
Caramba que foda , não sabia que o cara era BR haha
Good tips. Thanks for the suggestions.
Thank you, i will learn it in 1 month, try try try
Amazing video , Thank you! Could you please make a tutorial about react router v6 , there have been a lot of changes and there are not much tutorials
I posted one this week: th-cam.com/video/UjHT_NKR_gU/w-d-xo.html
@@PedroTechnologies oh crap missed it , THANK U SO MUCH
Great video bro, this video shows that I'm on the right track. Earned a new subscriber
Thanks for the sub!
Great video bruh, quality content.
Appreciate it
Very useful, thank you so much Pedro!
Hi!
what do you mean when you say the theoretical part of react?
can you address us to to good sources of information and write us a list of the realavnt concepts?
thx in advance 👏🏻
This provides direction for me such an amazing video ❤
Thanks for information, should I completely skip class in react?
you helped me a lot man thanx
Do you suggest to learn Typescript after learning good React?
He probably would and I would too... 😜
Another great content Pedro....... Keep it up bro!
Great video man, could you make a tutorial for react native?
Its in the plans :)
the additional stuff mate =D
hello pedro, thank u for your tutorials .we are really profit from them
but there is not any tutorial in youtube about admin pannel of node,react,mysql, project
can u do one video for example?
thanks
Hi, I´m not a native English speaker so I was not able to understand the library you quoted to create multiple pages. did you say React-query-dom? I did some research and found one called react-router-dom. Which one is it? thanks
Could you make a video on React Query? I used it in my last project and realized the amazing potential it has but I would love to learn to use it better.
Thanks for the advice.
Thanks for the advice. One question though, How good should I be at react before learning Nextjs ?
I don't think you need to be good in react to start next. They are very similar and different at the same time. I would say you CAN learn nextjs without knowing react, but in my opinion I would at least get used to the basics of react before going to next.
Love the hair Pedro
Thank you hahaha
wow this is amazing i love this
I feel I am weak at styling so should I go learn JS more or stick to styling till I get comfortable working?
Are you using react only in your apps? Im using Nextjs to populate my portfolio.
But if we want create a bigger application in react we have to use class compnt's....
At present i am working on health care project (we r using class compnt's... So please do the video on class compnt's how to use it.
thanks,, tthat was helpful
thank you
I did Disney hotstar cloning
Thanks for this. I am in a stage where I want to know which projects to build. Though I am stuck but this one gave me some direction
A lot of people are saying they are at this stage too! I am thinking about making a video on react project ideas. THere are some good ideas the comments if you want to check.
@@PedroTechnologies A video like that would be helpful. Please do. I saw one of the comment you mentioned a few ideas. I will go through more comments and see what others are saying.
Great advice
Thanks
Please make web 3.0 tutorials
Btw Pedro spectle look good on 👍 👌 you
Thanks 😁
Gracias Amigo.
I started learning react 2 months ago, but my friend who is a senior dev told me only react can't get me a job.
He told me to learn alot of other stuff beside react like redux, nextjs, UI libaries,... and some basic knowledge in the backend too, is it true that frontend entry level is that difficult?
I'm not Pedro but this is true. It is also expected to know some Typescript (which isn't so hard really). Get comfy in React first and then move to Redux and routes, etc.
WTH my room look the same as his! Oh God give this guy passive income source! but don't forget about me god! 😂😂
Bro is react developer is a good career this year?
Yes! Most big companies still use react, and it is very popular within startups as well :)
@@PedroTechnologies thanks bro is it okay that i just focus on frontend in react? And not in fullstack react developer? thanks
and still is ... 😉
so true
3 months, how many hours per day? 😅
4hrs of focused studying
I have the same jacket as yours 😂😂
Hy I'm not starter but mid level of react Js
Kindly tell how I'm improving my react im fully confused what can i do.....
If projects is a solution then I'm also confuse about projects kindly give any idea thanks ❤️
After a while it all comes down to practicing through projects. I don’t know you current level, but some cool projects that personally helped me were the following: social media website, something that deals with a lot of data, testing out weird libraries for fun, cloning websites
I'd recommend reading my comment
@@PedroTechnologies if I'm give rate out of ten then its 7
I also done WhatsApp clone Amazon clone Netflix clone
But I'm not satisfied i want big project help me
3 months is literally nothing when it comes to learning something new lol
It depends a lot on how much time you spend studying everyday and also what you consider is the threshold for learning. In this video i considered the threshold to be the point where you start applying for entry level jobs (which is indeed possible in 3 months). But i find it interesting peoples different opinions on how long it takes hahaha how long do you think it takes to learn react?
Brasileiro?
I hate React I think I'm just going to learn Vue build some simple things then start learning React.
They are completely different frameworks. I hated react in the beginning too, you just have to push through it!
@@PedroTechnologies .... Next js seems amazing but React is so da*m nerdy it's all over the place. I think my main think I flat out don't enjoy using React. So I ask myself do I really want to do this everyday for work
omg,I am really afraid when i saw behind of you
It was a jacket hahaha
Sveltekit
I wouldn't. Lol
u look so cute ! where do u live ??
I start learning react yesterday.. And i hope it will not take that long
I just posted a video about how to learn the most important react hook in just 8 Minutes... this probably is very helpful for you as a beginner... 😉
@@lukas.webdev i saw the last video it's clear,easy to understand and friendly beginner.. Great job brother 🌹
@@HocineKamikaz Thanks! I really appreciate your feedback! 😃
Perfect timing , thanks. I recommend you read The Unplugged Alpha by Richard Cooper and The Almanack of Naval Ravikant by Eric Jorgensen
Perfect timing , thanks. I recommend you read The Unplugged Alpha by Richard Cooper and The Almanack of Naval Ravikant by Eric Jorgensen