I have started learning React yesterday.
I have put into that like 10 hours, since yesterday morning, but I feel like, I have ZERO clue what is going on.
I would like to kindly ask you fellow developers, to send me sources where I can understand the basics of this library.
Brad Traversy's course was waaaaay to much and I had to leave the 2 hours video at the half of it, because there was too much going on.
I am now doing Dev Ed's Todo list app but it's also too much and every one of these tutorials are too fast for a beginner like me.
I feel like I have kind of good understanding of Vanilla JS, but React is a totally different cup of tea.
Please help me :(
Thank you in advance!
Top comments (31)
Brad is a teacher who covers everything related to full stack development. But I was unable to understand most of his tutorials, I don't know why but it's true. But it didn't stop me from watching his tutorials I love his tuts.
Now let's come to you, as you have just started learning React , so you are a beginner and you will find many things difficult to digest at this stage, but don't worry bro, it's natural.
In order to learn React I personally think one should know about Javascript and Especially ES6+ and how some of it's features work under the hood.
Then there are some topics which you should know , First learn Working with class based components and try to learn each and everything with those Class Based components e.g working with props, define methods, how to manage a component local state with this.sate and how to effectively update state with setState and some of the Lifecycle methods which will help you to run some block of code at specific stages in your program i.e componentWillMount() etc.
Then you should know about Higher order components and why we need them and how to use them.
What are pure components ?
Working with refs
Routing with react-router-dom
Passing properties within different components. And propType checking
prop drilling and State management with Context API concept.
Form handling with React. React Events
Then start learning about React Redux, how to manage state with React-redux.
After learning all these move to functional components and learn about react hooks which help you to manage state and provide lifecycle methods in functional components.
Then learn how to consume data from third party REST APIs.
How to perform authentication, and Protected Routes in your app.
You should also know how to style properly your react apps and their components. Learn any famous UI library such as Material UI, ANT Design, Tailwind css.
I hope learning these things will make you a better react developer.
The tutorial from the official React page (reactjs.org/tutorial/tutorial.html) helped me a lot in the beginning.
Just grab a coffee, relax and read it slowly. I'm sure you'll get it sonner than later ;)
Second that. I started from there and moved to freeCodeCamp later.
Hey man, if you have gone through react crash course by Brad traversy on YT
Then I would say react can't be added to ur skills in just 2 hrs. I am also learning react by colt Steele's course on udemy
You can also go through the original docs - reactjs.org but I would recommend also enrolling in a course by some good teacher and just hustle 🔥
Colt is really great, I've followed his full stack academy, very complete and you can always follow the updates
Here you can find the hole react documentation "translated" to function components and hooks. It's a much modern approach to code in react.
reactwithhooks.netlify.app/
I see Udemy suggested several times in the comments. Check with your local library to see if they have a Udemy license so you can watch videos for free. For example my library has a page with all the elearning ( aacpl.net/elearning ) they offer. That being said, please consider paying for courses you find useful.
I would recommend Kent C Dodds's free react intro course on egghead.io. Hands-on & succinct. But you might want to slow the video down while typing things out.
If you don't mind premium content, highly recommend ui.dev by Tyler Mcginnis. Really great explanation on all building block concepts of react.
I felt exactly the same way when I started learning react. Then I tried to explain each concept to myself. If I couldn't explain it well, I would go back to where it comes from and understand it. Hope this helps.
Hey , you have made an awesome choice by starting to learn react , to start with react you should go through the react officials documentations , they have very good and much understandable docs , and if you want to learn by tutorials then you should go for a Maximilian react course on udemy it's a crazy course for begginers .you'll learn alot by this course
How proficient are you with javascript?
How can you measure that :D
Experience is one thing. Wouldn't suggest someone to learn react or any framework/library if they are new to JS.
I made some stuff in JS, like for 2-3 months straight.
I have my other posts here, which shows my JS skills a little bit. (I am not expert tbh)
dev.to/crabyke/border-radius-gener...
dev.to/crabyke/rock-paper-scissors...
What I just figured out, that function arguments and parameterst are my weak points in JS tho.
Just want to step a bit up, because this year, I would like to find a job in the development industry and for most of the places, React is essential.
I would say you have enough experience tbh. If you're not digging react, maybe go with vue?
I will just give some time to React, I guess.
Sooner or later it will turn out if it is my cup of tea or not and I think, a basic knowledge (even if I might not like it) is good to have.
fullstackopen.com/en/
has the best introduction to react o have yet found in part 1 of the course. and if you're interested in more advanced features like redux, routing, testing, etc those have dedicated units later in the course.
How about start from FreeCodeCamp written exercises?? They are slow and well explained, they start with ""classic"" React and Redux, and later on you can start looking into Hooks and ReduxToolKit for better fluency.
I'm sorry I don't have videos to suggest, I learn better from written sources and documentation. (old guy here)
Some comments may only be visible to logged-in visitors. Sign in to view all comments.