Resources for learning React
Tags: react, javascript, codenewbie
Published: 2020-05-10 16:02:52

React is by far the most popular [Javascript framework](https://2019.stateofjs.com/front-end-frameworks/)  and being used by many big companies like Netflix, Facebook, Twitter & Reddit.  With it's rise in popularity came the a plethora of resources and if you are anything like me you want to learn from the best resource possible.  This led me down a path of tutorial hell where I was starting and stopping a multitude of courses and wasting a lot of my time and money. 

This is the list I wish I had before starting my learning journey over 2 years ago. The best way to utilise this list would be to start with a course you like and sticking with it till the end. When you learn a new concept check the supporting documentation. Don't get intimidated if you don't understand everything, it's more to get you in the habit of reading documentation. After you have completed a course [start building a project](https://www.golangprograms.com/react-js-projects-for-beginners.html). Only when you can apply the stuff you have learnt can you say you know React. 

There are both paid and free courses on this list and none of them are sponsored. I have tried or finished most of them and can vouch for their quality. 

## Prerequisites 
You need to be comfortable with the basics of JavaScript and it's ES6 syntax as well as basic HTML.  While many courses mentioned below don't need you to know JS, you won't build foundational knowledge without knowing how JavaScript works. 

# Free Courses

1. [FreeCodeCamp](https://www.freecodecamp.org/learn/) :  Great resource to learn the syntax and basics of react & redux. Also a fantastic place to learn html and javascript. It also has a great community you can leverage to learn alongside with. 

2. [Youtube course - The Net Ninja](https://www.youtube.com/playlist?list=PL4cUxeGkcC9ij8CfkAY2RAGb-tmkNwQHG) : The net ninja is a great tutor to help you understand react. It covers the basics of React, Redux & React router. The series is a bit old but all the knowledge still applies today. 

3. [FullStackOpen](https://fullstackopen.com/en/) : This is a web development course by the University of Helsinki, Finland. This covers content for both frontend and backend. You will learn React, Redux, Node js, Express, Mongo DB, Typescript & Graphql. Absolute gold standard if you want to learn full stack development from scratch. 

# Paid Courses 

1. [Udemy course -  Andrew Mead](https://www.udemy.com/course/react-2nd-edition/) : Great teacher who goes in depth of various topics. Will teach you react, redux, react router, firebase, testing & hooks.  The series is a bit old but a update is in works which should be out in a couple of months. The update will be free if you have already bought the course. 

2.  [LevelUpTutorials](https://www.leveluptutorials.com/tutorials/) :  Great site if you need quick tutorials on react. Each series has about 25 videos 10-15 mins each and is a great resource if you want to know the basics and start quickly building on your own. 


# Main Documentation

[Official React Documentation](https://reactjs.org/docs/getting-started.html)

[Create React App](https://create-react-app.dev/docs/getting-started/) : If you build a new react app, make it using Create React App it handles a lot of complexity for you.  

I hope this sets you on your journey of learning. If you need help with learning React you can join [Goodhub](https://github.com/GoodHub/GoodHub) it has a slack channel where people learn new languages, build projects and motivate each other. You can also DM me on [twitter](https://twitter.com/DevTGhosh).