DEV Community

RaftLabs - AI App Dev Agency
RaftLabs - AI App Dev Agency

Posted on • Originally published at raftlabs.co

Learn Frontend Development with React.js

Alt Text
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

Top comments (0)