10 Best Resources to learn React

React is an extremely popular javascript framework. It is possible to find free resources to learn React. The best sites are listed below.

Scrimba

Learn the basics of modern React by solving 140+ interactive coding challenges and building eight fun projects.

  • 30+ free courses

  • interactive hands-on content

➜ Scrimba

scrimba react resources

Reactjs.org

An introduction to the 80% of React concepts that you will use on a daily basis. You'll learn :

  • How to create and nest components

  • How to add markup and styles

  • How to display data

  • How to render conditions and lists

  • How to respond to events and update the screen

  • How to share data between components

➜ beta.reactjs.org

reactjs react resources

Codecademy - React101

A 20 hours course. You'll learn :

  • JSX : Learn to use JSX, the basic syntax of React.js

  • React Components : Learn to make React Components, the building blocks of all React.js applications.

  • Components Interacting : Learn how to make React components interact with one another.

  • Lifecycle Methods : Hook actions to specific moments in a component’s life

  • Hooks : Learn how to use Hooks in React, a powerful feature of function components.

  • Stateless Components From Stateful Components : Learn React programming patterns for mixing components with and without state.

  • Advanced React : Learn the most essential remaining React fundamentals.

➜ Codecademy

codecademy react resources

FullStackOpen

This course serves as an introduction to modern web application development with JavaScript. The main focus is on building single page applications with ReactJS that use REST APIs built with Node.js. The course also contains a section on GraphQL, a modern alternative to REST APIs.

  • Introduction to React

  • Testing React apps

  • React router, custom hooks, styling app with CSS and webpack

➜ FullStackOpen

fullstack open react resources

Udemy (free course)

Learn React JS along with Modern JavaScript from absolute scratch. This course is a getting started guide for beginners.

  • Learn Modern JavaScript

  • Learn React JS

  • Learn React Hooks

  • Learn to work with external API

  • Learn to make AJAX requests Build a News App

➜ Udemy - React tutorial

udemy react resources

The Odin project

You will learn the basics of the most popular frontend framework, React JS.

  • React Introduction

  • State and Props

  • Handle Inputs and Render Lists

  • Project: CV Application

  • Lifecycle Methods

  • Hooks

  • Project: Memory Card

  • Router

  • React Testing

  • Project: Shopping Cart

  • Advanced Concepts

➜ The Odin Project

the odin project react course

FreeCodeCamp

A full front end course including a React section with 47 exercises. you'll learn how to create different React components, manage data in the form of state props, use different lifecycle methods like componentDidMount, and much more.

➜ FreeCodeCamp

freecodecamp react resources

Coursera

This course explores Javascript based front-end application development, and in particular the React library (Currently Ver. 16.3). This course will use JavaScript ES6 for developing React application. You will also get an introduction to the use of Reactstrap for Bootstrap 4-based responsive UI design.At the end of this course you will:

  • Be familiar with client-side Javascript application development and the React library

  • Be able to implement single page applications in Reac

  • Be able to use various React features including components and forms

  • Be able to implement a functional front-end web application using React

  • Be able to use Reactstrap for designing responsive React applications

  • Be able to use Redux to design the architecture for a React-Redux application

➜ Coursera

rcoursera react resources

Plural Sight

Learn how to use React, Redux, React Router, and modern JavaScript to build an app with React. Use Webpack, Babel, Jest, React Testing Library, Enzyme, and more to build a custom React development environment and build process from the ground up.

  • Learn how to use React Redux, React Router, and modern JavaScript to build powerful and fast React applications from the ground up.

  • Use Webpack, Babel, ESLint, npm scripts, Jest, React Testing Library, Enzyme, and more.

  • Create a rapid feedback development environment that runs linting and tests, transpiles modern JavaScript, runs a local webserver, opens the application, and reloads changes when you hit save.

  • Deploy with a single command.

➜ PluralSight.com

plural sight react resources

Coding for Entrepreneurs

Learn how to use React, Redux, React Router, and modern JavaScript to build an app with React. Use Webpack, Babel, Jest, React Testing Library, Enzyme, and more to build a custom React development environment and build process from the ground up.

  • Getting Started

  • Setup React

  • Display Json Data

  • Using Props

  • Handling Click Events

  • Callbacks using Props

  • ... (30 videos)

➜ codingforentrepreneurs.com

plural sight react resources
made with ❤️ with Suncel
All Systems Operational