Want to learn Reactjs? Here's the 2020 resource list for you!
Tags: react, beginners, tutorial, development
Published: 2020-10-08 05:11:54

#Hello 👋

I’ve been a dev for a few years now, and one of the top things I get asked (after what language should I learn and where do I start) is where can I find some good resources for learning ‘x’. So here’s some of my fave resources for learning Reactjs🙂!

![Learn All The Things Meme](https://dev-to-uploads.s3.amazonaws.com/i/b9njd9pq7l26nvsgnlls.jpg)

React is an open source javascript library originally developed by Facebook and released in May 2013. It continues to be developed & maintained by a core [Facebook React team](https://reactjs.org/community/team.html) and the awesome open source [dev community](https://github.com/facebook/react/graphs/contributors).

It’s also MIT licensed (as are all the React products including Jest, Flow, React Native & Immutable) which pretty much means you’re able to use it for private and commercial projects freely (thanks to the open source movement).

If you’re just getting started in front end development, there are some key skills you want to have a decent idea of before you delve into a library like React. These include what the internet runs on at its most basic level - css, html and javascript and I’d also recommend knowing how to use git versioning. 

While these aren’t essential to know and you can learn them in combination, if you’re serious about your learning, that’s definitely the place I’d start. If you want a React learning pathway to map your studies you can check out this handy [React Roadmap](https://roadmap.sh/react)

Assuming you have some prior knowledge in these things though… here’s some of the best resources the interwebs has to offer (in my humble dev opinion) for learning React either for free (and one sneaky cheap one - because it's totally worth the dollarydoos) as well as some of the people and sites to subscribe to or follow to stay up to date on all things React.

#Where to start 
The best idea when learning a new tech language, library
or framework is to start with... Yep, the documentation. (Sorry not sorry)

<blockquote class="twitter-tweet"><p lang="und" dir="ltr">
😂😂😂 <a href="https://t.co/EmImS4V2cO">https://t.co/EmImS4V2cO</a>
</p>
— Ally Haire (@DeveloperAlly)
<a href="https://twitter.com/DeveloperAlly/status/1287985676646924290?ref_src=twsrc%5Etfw">July
28, 2020</a>
</blockquote> <script async src="https://platform.twitter.com/widgets.js" charset="utf-8"></script>


We’re in luck here though, because [React](https://reactjs.org/) is particularly good on documentation! It’s comprehensive, easy to read and well set out - hurrah. 
Even better - React has a complete beginners tutorial on their
site and even [course recommendations](https://reactjs.org/community/courses.html)
(so I guess there’s no need for you to read the rest of this article now huh? 😜)

As a quick aside - The React team is working on a major rewrite of the React docs site as we speak and looking for community feedback on how people currently use the docs and what improvements would be most helpful - you can help by taking this [survey](https://www.surveymonkey.co.uk/r/T58DPNS)

The React written walk-through tutorial is really the ultimate place for a beginner to start (can’t really beat something written by the developers themselves can you?!). You can find it [here](https://reactjs.org/tutorial/tutorial.html).

If you prefer to learn via video or with step by step hand-ons
interactions or want some social communities or mail-lists to subscribe to, then read on my friend 😃 !

#Hands-on & Written Beginner’s Tutorials

**Codecademy** 

Codecademy is one of the best free resources for those
wanting hands-on learning all in one browser window. You get instant feedback on what’s right (or wrong) with your code and follow one-page tutorials.

![Alt Text](https://dev-to-uploads.s3.amazonaws.com/i/emat0cvvxe4mozgljkr8.png)

Find it [here](https://www.codecademy.com/courses/react-101)

**W3schools** 

W3schools gets an honourable mention for being one of the
oldest (but still relevant!) developer tutorial resources on the web.
Founded in 1998, it focuses on being both a tutorial and resource and is continually adding languages and libraries to its site. It’s a great free resource if you prefer to read and run examples. 

Find it [here](https://www.w3schools.com/react/)

#Video courses

**Stephen Grider** 
One of my all-time favourite dev teachers is Stephen
Grider. This guy has a way of explaining sometimes complex topics in a simple and easy to understand way.

Not only is he a great teacher - but he’s very consistent at updating his content to make sure it’s keeping up with current React trends. This guy gets 5/5 hot dogs 🌭 from me (Stephen says this phrase a bit in his videos and I for one am good with it)

My recommendation for starting is his 2020 updated “Modern React with Redux”. Once you’ve mastered that you can move on to his “Advanced React and Redux” course too (perk!).

You can find his courses on Udemy, and while they aren’t entirely free - they are well worth the $10 you can get them for by going through his website for a discount coupon (or you can wait for a very frequent Udemy sale to happen).

Find it [here](https://rallycoding.com/).

**FreeCodeCamp** 

FreeCodeCamp offers a free (obviously) 10 hour hands-on
YouTube tutorial series which has recently been updated as of October 2020! This course will take you through the fundamentals of React including how to get setup and teach you modern React concepts (like Hooks - which were introduced in v16 in 2019). This is an awesome free development course and big kudo’s to freecodecamp for making coding accessible to all. 

Check it out [here](https://www.youtube.com/watch?v=4UZrsTqkcW4)

{% youtube 4UZrsTqkcW4 %}

**PluralSight** 

For a free video course that takes you through
the essential React concepts while you code-along, try out “React: Getting Started” on PluralSight. This course is completely free and even includes a Javascript crash course if you’re a bit rusty or still learning. 

You’ll find it [here](https://www.pluralsight.com/courses/react-js-getting-started) 

#React Development Social Communities 

Find peers, ask questions and get help in some of these awesome React Dev communities found on Reddit, Discord and Slack.

**Discord**: The original React discord since 2015 is Reactiflux. Likely named when Flux was still the UI state management system of choice (things move fast in front-end development - which is why I’ve included a people and blogs to follow section!) 

Find it [here](https://www.reactiflux.com)

**Reddit**: 
This reddit even has a beginner’s thread - so don’t be afraid to ask any and all questions! Most dev’s I know are happy to help others - after all, we all started somewhere too!

Find it [here](https://www.reddit.com/r/reactjs/)

**Slack**: 
You can find a lively community of react and react-native
developers on slack too.

Join the slack [here](https://reactjsnews.slack.com/\#/)

**Meetups**: 
Don’t forget about the awesome resource of Meetups! Meetups are often run by passionate developers, and given the popularity of Reactjs - you’re pretty likely to find a react meetup near you. It’s also an awesome way to meet other react developers and network.

Check out your local groups [here](https://www.meetup.com/)

#People & Blogs to follow  

**Dan Abramov** 
Dan Abramov is the undisputed down-to-earth King of React (who probably would wince a bit at being called that). He’s so associated with React, that it’s a common misconception he created React (it was actually originally created by Jordan Walke). 

![Dan Abramov Twitter](https://dev-to-uploads.s3.amazonaws.com/i/y3j5g3u127x9kjzi4tit.png)

He did however develop Redux - which you can think of as a
UI data storage system that keeps your data values synchronised & consistent and able to be connected to any React UI page. He also continues to be a core member of the React development team and runs the [overreacted.io](https://overreacted.io/) blog.

No React article would be complete without a hat-tip to Dan.

Twitter: [@dan_abramov](https://twitter.com/dan_abramov) 
Github: @gaeron

**Ryan Florence** 

Creator of react router (basically used to give your react app the ability to move between pages) and founder of the [reacttraining.com](https://reacttraining.com/) learning site.
This guy does an awesome workshop and conference talk - check out his chat from [ReactSummit](https://reactsummit.com/) - the official React Conference, this year on [YouTube](https://www.youtube.com/watch?v=wXLf18DsV-I&t=1486s).

![Ryan Florence Twitter](https://dev-to-uploads.s3.amazonaws.com/i/9c8kulertwlr1xayheb1.png)

Twitter: [@ryanflorence](https://twitter.com/ryanflorence)

Oh, and check out his tongue-in-check 90s [website](https://ryanflorence.com/) if you're after a chuckle too (Thanks Ryan 😂)

**Robin Wieruch**
This guy has been blogging and writing tutorials about React from nearly the start.

![Alt Text](https://dev-to-uploads.s3.amazonaws.com/i/ng97wb3mscyvhvytvbcw.png)

Web: [Robin Wieruch](https://www.robinwieruch.de/learn-react-js)
Twitter: [@rwieruch](https://twitter.com/rwieruch)

#Go use your new-found tech powers!

If you're interested in hearing more about opensource or choosing a tech framework - check out [The TechJam podcast!](https://techjam.dev/)

Let me know if I’ve missed an awesome resource, great community or someone to follow and thanks for reading! 💙

![Alt Text](https://dev-to-uploads.s3.amazonaws.com/i/5ne0iblpfycohebnoj04.gif)