As web development grows and evolves, it's important that we software developers continue to learn and teach ourselves new technologies. One great framework to add to your skill stack this year (if you haven't already) is React js.
React was introduced in 2013 by Facebook, and has since successfully risen above most other frontend frameworks in terms of usage and popularity. React developers are some of the most in-demand developers around the world as companies adopt React in their tech stack. So if you've been thinking about it, now is the perfect time to jump in and start your journey of learning React in 2022. Here are some great courses to start with!
1. Scrimba's React Course
Scrimba is an online learning platform whose "goal is to create the best possible coding school at the lowest possible cost for students."(from Scrimba)
To make it possible, they have created a new video format for their code screencasts which they call "scrims". In this, you can basically pause the video at any given time and edit the code which your instructor was using to teach you. This makes the course fun and interactive and results in quick learning for the students.
Do you love React and are looking for React developer roles? Sign up here.
2. Epic React by Kent C Dodds
This is an epic course on React by an Epic Instructor, Kent C. Dodds. Kent is a JavaScript engineer, Co-Founder, and Director of Developer Experience at Remix. This course teaches you React Fundamentals, React Hooks, Advanced React Hooks, Advanced React Patterns, React Performance, Testing React Apps, React Suspense, and a final section on "Build an Epic React App".
Apart from this massive 19 hours in-depth course, you'll also get multiple bonus interviews with industry experts once you enroll in it. This is a paid course and not the ideal one for novice developers, it requires a prior in-depth understanding of HTML, CSS, and modern JavaScript.
Check out React.js: The Documentary, which takes an extensive look at how it all began.
3. Full Stack Open
Full Stack Open by the University of Helsinki is one of the best Full Stack React Development courses on the internet. This course teaches you how to build modern web applications with JavaScript centering around building single page applications with React that uses REST APIs built with NodeJS.
Although it's a full-stack development course, it contains a great deal of content on building React apps. The course is updated annually and therefore more great content on the latest web technologies is added every year. As of Feb 2022, this course contains sections on React, Redux, NodeJS, MongoDB, Testing, GraphQL, TypeScript, React Native, CI/CD, Containers, and Relational Databases.
It's a totally text-based course and the best part is that it's 100% free. If you are someone who wants to badly learn modern full-stack development, this is your way. If you only want to learn React, consider reading the React related parts of the course, you'll certainly love it.
9 Bad React Habits to Kick From Your Life
13 Libraries You Should Know as a React Developer
4. React Docs
This is not a course, but official documentation of React, and what more good it can be than learning React directly from the source. The documentation is easy to understand, well-maintained, and filled with examples. An updated beta version of the same documentation has also been released a few months ago by React team. The new documentation emphasizes functional components while the old docs focused more on class components.
As of February 2022, Learn React section and API reference section of the beta docs are ~75% and ~5% finished. If you prefer reading more than watching or love to jump directly on docs instead of third party tutorials, you should definitely check it out once.
5. Egghead React beginners course
Egghead’s React course is also a great option to get your hands dirty. Another course taught by Kent C. Dodds in our list, it has a total timespan of 2 hours 35 minutes and is divided into 30 small sections.
It’s an ideal course for beginners to get started unlike Epic React. It takes you from absolute basics to deploying your React application with Codesandbox, GitHub, and Netlify.
The course is 100% free and if you prefer video lectures over blogposts and documentation, this course is a great step to start your React journey.
6. 15 React projects course by Freecodecamp
Learning about concepts is one thing and implementing those concepts into projects is another. This course will teach you exactly that, how to implement whatever you have learned and build cool projects with it.
This is a project-based YouTube video course by Freecodecamp where you’ll build 15 cool projects in React. You can take up this course if you’re feeling a bit itchy and want to work on more projects or if your preferred courses doesn’t include much projects.
Just try not to fall in a tutorial hell because eventually you have to learn to come up with solutions on your own but in the beginning, it’s completely fine to build projects watching tutorials.
7. Complete React Developer in 2022 w/ Redux, Hooks, GraphQL)
The Complete React Developer is your guide to being a complete React developer in 2022. Apart from teaching the core concepts of React, this course also takes a look at Routing, Redux, Firebase, Stripe payments, Advanced React hooks, Deployment, Context API, GraphQL, React performance, Progressive Web Apps and so much more.
You will learn all these concepts while building a massive E-commerce React app and this course will also teach you things outside the core React concepts which are important in building enterprise-level applications.
Andrew Clark on the Creation of Redux
8. React Front to Back 2022
This is an excellent Udemy course by Traversy Media's famed Brad Traversy. It’s a great course for those who want more depth and also build more projects alongside working on the course. There are a total of four React projects in this course which also includes a fullstack MERN app and a Firebase 9 app.
This course starts with the basics of React and goes up to the deployment of your projects and includes all the common concepts of React which you’ll most of the times use while building React applications. It’s a well rounded course with a focus on building different projects giving you a close view of what you’ll be doing with React in the real world.
Parting Thoughts
If you are a beginner just looking to start learning React, my suggestion to you would be to first check all the courses I mentioned above, glance over the contents and see what topics are similar across all the courses and what are unique things in each course.
Think about your motivation of learning React once again and choose the course which you think will take you close to your goals. Eventually, you’ll learn everything with experience and building projects but It’s important to stick to one path in the beginning to learn things faster.
You can always reach out to me on Twitter if you’ve any confusion or question about these courses or your React learning journey in general.
Happy Coding!
Check out Honeypot's React Documentary!
