Learn Frontend Development with React.js

React (also known as React.js or ReactJS) is a free and open-source frontend JavaScript library for building user interfaces or UI components. It is maintained by Facebook and a community of individual developers and companies. React can be used as a base in the development of single-page or mobile applications.

The best resources to learn React.js are as follows:‍

1. React Tutorial for Beginners

YouTube video for React Beginners. It is a 2+ hour-long video covering all the basics of react.js starting from scratch. All critical aspects like react components, react hooks, dynamic rendering using maps, event handling, props passing, etc., are covered — overall, an excellent tutorial and a reference video for starting one’s career in frontend development. Basic knowledge of JavaScript and Node.js is required.

Resource created by Mosh Hamedani.

More info

2. Awesome-React

It is a collection of everything related to React ecosystem. Awesome react a GitHub repo with a readme file that contains links to every react utility. An excellent reference for experienced and advanced developers to find what they are looking for.

Resource created by enaqx

More info

3. Building a chat app with React and Chatkit

Coursework that guides viewers to build a chat app using React and chat kit. Before taking this course, viewers should understand HTML, CSS, JavaScript, and React. The coursework covers many concepts concerning React, including props passing, JSX, class components, etc.

Resource created by Per Harald Borgen

More info

4. ReactJS tutorial for Beginners

YouTube playlist for beginners to learn react.js basics. The playlist contains 34 videos that cover most of the react.js concepts. The playlist also includes a video that features react.js interview questions. A basic understanding of JavaScript and Node.js is recommended.

Resource created by codevolution

More info

5. Building a Yelp Clone

An article that step-by-step guides its readers to build a yelp clone. Yelp’s website, Yelp.com, is a crowd-sourced local business review and social networking site. The site has pages devoted to individual locations, such as restaurants or schools, where Yelp users can submit a review of their products or services using a one to the five-star rating scale. Businesses can also update contact information, hours, and other basic listing information or add special deals. In addition to writing reviews, users can react to reviews, plan events, or discuss their personal lives.

Resource created by Ari Lerner.

More info

6. Tutorial: Intro to React

This tutorial doesn’t assume any existing React knowledge. It shows how to build an interactive tic-tac-toe game with React.
The tutorial is divided into several sections:

More info

Originally posted at raftlabs.co




Building lovable software products for startups, agencies and enterprises in SaaS, media and marketing tech. https://raftlabs.co.

Love podcasts or audiobooks? Learn on the go with our new app.

Recommended from Medium

Avoiding CORS Errors on Localhost (in 2020)

Web Developer Monthly 💻🚀 June 2019

Top 5 Node.JS Open Source Projects this month — July 2018

React Cheatsheet

How to Write Google Apps Script Code Locally in VS Code and Deploy It With clasp

Making Great Progress with Reactjs

How to use Multer to Upload Images in the MERN Stack

Get the Medium app

A button that says 'Download on the App Store', and if clicked it will lead you to the iOS App store
A button that says 'Get it on, Google Play', and if clicked it will lead you to the Google Play store


Building lovable software products for startups, agencies and enterprises in SaaS, media and marketing tech. https://raftlabs.co.

More from Medium

The Web Developer Bootcamp 2022

The Web Developer Bootcamp 2022

Day01 of #100DaysOfCode

7+ Tips to Learn React.js Quickly

All you need to know about Full Stack Development.