How I Would Learn ReactJS If I Could Start Over
Ғылым және технология
Here I discuss exactly what I would do if I could start learning react from the beginning.
🌟 Get 20% Off Brilliant: brilliant.sjv.io/PedroTech
🚀 Learn ReactJS By Building 6 Projects: codedamn.com/learn/reactjs-pr...
Social
▬▬▬▬▬▬▬▬▬▬▬▬▬▬▬▬▬▬▬▬▬▬▬▬▬▬
Website: machadopedro.com
Linkedin: / machadop1407
Instagram: / _pedro.machado_
Github: github.com/machadop1407
Email: machadop1407@gmail.com
Tags:
- ReactJS Tutorial
- ReactJS and MySQL
- NodeJS Tutorial
- API Tutorial
Timestamps
00:00 | Intro
00:42 | Sponsorship
01:35 | Learning Javascript
03:26 | Understand What React Is
04:25 | Learn Basic Concepts (Components, props, jsx...)
06:18 | UseState
07:37 | Learning Routes
08:49 | Build Websites Using APIs
10:20 | State Management
12:06 | Learn Hooks
12:50 | Learn Best Practices
13:25 | Get A Job TO Further Improve
#reactjs #coding
Пікірлер: 132
Get 20% Off Brilliant and Help Support the Channel: brilliant.sjv.io/PedroTech
@gourmetpro6784
Жыл бұрын
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.
@idan1361
2 жыл бұрын
Great video btw!
@PedroTechnologies
2 жыл бұрын
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
@charlesbaldo
2 жыл бұрын
@@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
Жыл бұрын
@@charlesbaldo you are leaving my dream
@charlesbaldo
Жыл бұрын
@@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.
Ur guidance is amazing!! Keep uploading full stack projects it really helps to understand the technologies.
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 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!
@PedroTechnologies
2 жыл бұрын
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
Excellent advice in this video!! Many thanks for doing this, precisely what I needed to know!
Very useful, thank you so much Pedro!
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.
This video helped a lot. You broke it down perfectly
Thank you for your suggestions.
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.
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.
@PedroTechnologies
2 жыл бұрын
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).
@giffarialfarizy7310
2 жыл бұрын
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.
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..
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!
Bro i have watch dozens of your videos in just 2 days and believe me you are one of the best....new subscriber here
Good tips. Thanks for the suggestions.
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.
@PedroTechnologies
2 жыл бұрын
Awesome! You can do it!
Perfect timing , thanks. I recommend you read The Unplugged Alpha by Richard Cooper and The Almanack of Naval Ravikant by Eric Jorgensen
Another great content Pedro....... Keep it up bro!
This provides direction for me such an amazing video ❤
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?
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?
@PedroTechnologies
2 жыл бұрын
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 :)
@jinettew.3192
2 жыл бұрын
I read that first as 'never die' :S
you helped me a lot man thanx
This is so helpful! Pretty cool jacket you’re wearing there too bud
@PedroTechnologies
2 жыл бұрын
THank you! :)
Thank you, i will learn it in 1 month, try try try
Great video bro, this video shows that I'm on the right track. Earned a new subscriber
@PedroTechnologies
2 жыл бұрын
Thanks for the sub!
Proud to be your subscriber
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.
Thanks for the advice.
I love the mess in the back of your room 😍 This proves you don't care about non techie stuff - impressed! 🙂
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.
Great guidance when starting to learn React. Thanks, Pedro. {2021-11-30}, {2023-05-24}
@PedroTechnologies
2 жыл бұрын
My pleasure!
Seus vídeos são muito bons cara! Tô devorando seu canal! Ainda mais legal ver que você é BR também!
@caiopereiradasilva6883
2 жыл бұрын
Caramba que foda , não sabia que o cara era BR haha
Amazing video and thanks for sharing your experience. Could you plz share some good React tutorials which you recommend for the beginners?
Thanks for information, should I completely skip class in react?
Thanks for the video! I've just watched one before this that said I should learn 9 libraries, which got me really scared.
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.
YES BRO GET THAT BRILLIANT SPONSORSHIP, I WILL USE THAT 20% DISCOUNT
Are you using react only in your apps? Im using Nextjs to populate my portfolio.
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?
@prasanth-pk12
Жыл бұрын
Now react docs removed class components
@bekzatongdassynov827
Жыл бұрын
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
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
Great video bruh, quality content.
@PedroTechnologies
2 жыл бұрын
Appreciate it
I feel I am weak at styling so should I go learn JS more or stick to styling till I get comfortable working?
I appreciate your advice to learn React. I hope to be a intermediate developer in the next three months. jajaja
@PedroTechnologies
2 жыл бұрын
You can do it!
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
This guy explaining my recent situation.
Thanks for the advice. One question though, How good should I be at react before learning Nextjs ?
@PedroTechnologies
2 жыл бұрын
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.
thanks,, tthat was helpful
Great advice
wow this is amazing i love this
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 👏🏻
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
@PedroTechnologies
2 жыл бұрын
I posted one this week: kzread.info/dash/bejne/h558tsGHe7XFl7g.html
@roshanjalil9267
2 жыл бұрын
@@PedroTechnologies oh crap missed it , THANK U SO MUCH
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 !
@jeklo3713
Жыл бұрын
Sis give me updated 🤣 I'm planning to learned react but I only know the JavaScript fundamentals
thank you
Gracias Amigo.
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
@PedroTechnologies
2 жыл бұрын
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.
@adolfmathebula
2 жыл бұрын
@@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 video man, could you make a tutorial for react native?
@PedroTechnologies
2 жыл бұрын
Its in the plans :)
Thanks
.zipper{ position:absolute; top: 0; left: 0; Great content! ☺️
the additional stuff mate =D
so true
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.
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?
@jinettew.3192
2 жыл бұрын
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.
Love the hair Pedro
@PedroTechnologies
2 жыл бұрын
Thank you hahaha
Do you suggest to learn Typescript after learning good React?
@lukas.webdev
Жыл бұрын
He probably would and I would too... 😜
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
React hooks really gets me.. I can't understand them no matter how hard I try😕
@joshuamodiba853
8 ай бұрын
Brh same💀 but gotta keep hitting
Please make web 3.0 tutorials
I did Disney hotstar cloning
Btw Pedro spectle look good on 👍 👌 you
@PedroTechnologies
2 жыл бұрын
Thanks 😁
Bro is react developer is a good career this year?
@PedroTechnologies
2 жыл бұрын
Yes! Most big companies still use react, and it is very popular within startups as well :)
@warrengaytero1682
2 жыл бұрын
@@PedroTechnologies thanks bro is it okay that i just focus on frontend in react? And not in fullstack react developer? thanks
@lukas.webdev
Жыл бұрын
and still is ... 😉
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 ❤️
@PedroTechnologies
2 жыл бұрын
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
@idan1361
2 жыл бұрын
I'd recommend reading my comment
@muddusarzulfiqar1657
2 жыл бұрын
@@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
I have the same jacket as yours 😂😂
WTH my room look the same as his! Oh God give this guy passive income source! but don't forget about me god! 😂😂
3 months, how many hours per day? 😅
@Ceszilla
2 ай бұрын
4hrs of focused studying
Brasileiro?
3 months is literally nothing when it comes to learning something new lol
@PedroTechnologies
2 жыл бұрын
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?
Sveltekit
omg,I am really afraid when i saw behind of you
@PedroTechnologies
Жыл бұрын
It was a jacket hahaha
I hate React I think I'm just going to learn Vue build some simple things then start learning React.
@PedroTechnologies
Жыл бұрын
They are completely different frameworks. I hated react in the beginning too, you just have to push through it!
@jwoods9659
Жыл бұрын
@@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
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
@lukas.webdev
Жыл бұрын
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... 😉
@HocineKamikaz
Жыл бұрын
@@lukas.webdev i saw the last video it's clear,easy to understand and friendly beginner.. Great job brother 🌹
@lukas.webdev
Жыл бұрын
@@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