Resources to get started with React

Olena Drugalya - Jan 28 '21 - - Dev Community

I have been asked a lot lately about resources to start learning React - a widely used JavaScript library for building user interfaces.

So in this blog post I tried to collect as much as possible of useful resources, which a complete beginner might use in the learning process.

First Step

The first step in the learning process is to get yourself a helpful and convenient code editor. For learning React you can use any code editor because its very easy to import React into the project, but my choice would be VSCode. This code editor has everything you need - highlights, built-in git, debugging system and very helpful React extensions like this:

React_comp_generator.png

Second Step

The second step is to decide if you want to create a React application or just use React on your HTML page. Yes, you can use React for both, that's the beauty of it.

if you decided to create React application, here are some useful resources to help you with that:

1.CodeSandbox

codeSandbox_react.png

This is an online code editor which helps to start a project quickly. it uses templates to kickstart new projects with no setup. You just create a React template and start coding there. Moreover, you can share the link to the project with others if you stuck on something or encountered a bug. This IDE really helped me in the beginning of learning.

2.Create-react-app

create_react_app.png

This is a very comfortable and easy environment for learning React and is the best way to start building a single-page application. The only thing you need to do is to install it with package manager from your terminal - and you get everything configured for your project together with a server. So easy!

Third Step

So, you are all set up with IDE and probably created a project already. The next step would be actually start learning React. And here there are tons of resources which will help you to get you started. I'll write down some of them.

1.Official React documentation

reactjs_org.png

This a page with React documentation and related resources from React developers team. It is very easy to read and understand. It has tutorial on how to get started with React and description of all React features etc. I always come back to this page if I need explanations with something.

2.freeCodeCamp

freeCodeCamp.png

This is an amazing learning platform for beginners and it's totally free! it has a course called Front End Libraries, which includes also React among the others. And the good thing is after completion of this course you will get a certification, which you can put on your LinkedIn profile for example.

3.Udemy

udemy_react.png

Udemy platform has a wide and helpful collection of courses and tutorials on different subjects. Precisely for React there are a few beginner-friendly and easy-to-follow courses, which will guide you from learning the concepts to building a project with advanced features. My suggestion would be to find a beginner course on React and stick to it until the end, even though you might want to buy them all :)

4.egghead.io

egghead_react.png

This platform has a huge collection of React courses, blogposts, tutorials, articles for different level.
The one I can recommend for beginners is The Beginner's Guide to React by Kent Dodds. You can find Kent's webpage a very useful as well, he writes a lot about advanced React features and testing.

5.FrontEnd Masters

FrontendMasters_react.png

Here you can find a huge amount of courses and tutorials for learning React. They have also a nice feature - you can choose your Path and they will offer you related courses to your Path. You can track your progress on the go as well.

6.AlterClass

Alt Text

This learning platform is fully focused on learning React. Being a good mix of theory and practice, its aim is to prepare students for React Developer job. They have 40% off discount right now for their React course which you can heck here!

7.YouTube

Youtube_react.png

YouTube is a great source of learning for free when you are a beginner. It has tons of useful videos for beginners, I will list here some of videos which to my mind are beginners-friendly:

  • React JS Crash Course by Traversy Media
    This course gives a solid understanding of React concepts. I suggest to subscribe to Traversy Media channel because they are very active and always adjust their courses if something new is added to the library or framework. There is also a React Projects playlist with a bunch of projects you can learn how to implement. This is my favourite channel so far.

  • React Tutorial for beginners by Mosh
    Mosh is very good at explaining things in easy way. he has his website with courses or you can subscribe to his YouTube channel for more useful videos.

  • Full React course 2020 by freeCodeCamp.org
    This course is new and fresh and covers new features in React like Hooks as well as fundamentals. Highly recommend this channel as well since it has loads of useful videos.

  • Full Modern React tutorial by The Net Ninja
    This is a new tutorial and I haven't seen it yet, but since it's from Net Ninja, it should be good. I have seen other Net Ninja tutorials on HTML and CSS and those were amazing. You can find those on his channel

7.Blogging platforms

There are many blogging platforms where you can ready useful blogposts connected with React:

There are many many more beginner friendly, intermediate and advanced courses and tutorials out there, I just named those good ones to get you started. Start learning today and good luck!

Thank you for reading my blog. Feel free to connect on LinkedIn or Twitter :)

Buy Me a Coffee at ko-fi.com

. . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . .