Learn React.js

• React.js Docs : Official Documentation

• Courses/Tutorials

  • Learn React for free : This tutorial course is the perfect starting point for aspiring React developers.
  • Code 15 React Projects - Complete Course : Improve your skills with the React JavaScript library by building 15 projects using React.

• Understanding Tougher Topics

  • Diving into the new JSX transform : This article will tell you what you need to know in order to migrate both your code and knowledge to this new way of doing things.
  • What is JSX? : Better understanding of JSX in React.
  • React: Controlled VS Uncontrolled Components : Understanding the difference between controlled and uncontrolled React components.
  • Understanding Compound Components in React : Learn how and when to use React compound components.
  • Understanding React Default Props : Learn all about default props in React.
  • Understanding Functional Components : Elaborates significance of Functional Components in React.
  • React: Understanding State & Lifecycle : In this article we’re going to look at how State & Lifecycle work in React.
  • Replacing React Lifecycle Methods with Hooks: A Comprehensive Guide : Using Hooks to replace componentDidMount, componentWillUnmount, componentWillReceiveProps, componentDidUpdate.
  • The Circle of a React Lifecycle : Knowing the different lifecycle methods in the development of React applications.
  • How Does setState Know What to Do? : When you call setState in a component, what do you think happens?
  • Understanding React setState : Understanding when and how to change the state of your component is important and know how setState works, and be able to avoid common pitfalls that many of us hit when when learning React.
  • The definite guide to lifecycle events! : Understanding what React calls as lifecycle methods. This article will give you a firm grip on when you want to use what.
  • Understanding the Virtual DOM : “Virtual DOM” is a concept popularized by React, although the concept has been around for several years.
  • HOW REACT VIRTUAL DOM WORKS: WHY IS IT (SO MUCH) FASTER THAN THE “REAL” DOM? : What’s the deal with the virtual DOM? How React virtual DOM works precisely?
  • How Virtual-DOM and diffing works in React : Understand how virtual DOM works and on an high level how is it build
  • What is React Reconciliation? How React Reconciliation Works? : Familiarize yourself with how this amazing library updates the DOM of your application
  • Mastering Props And PropTypes In React : Understanding Props and PropTypes with examples.
  • A deep dive into React Context API : Better understanding of Context API
  • Pass Multiple Children to a React Component with Slots : The article describes beautifully on how you should pass multiple childrento a react component with slots.
  • Render Children in React Using Fragment or Array Components : The rendering power introduced with v16 — namely, the ability to render children using Fragments and Array Components.

• Books

  • Framer Guide to React : React is component-based and naturally aligns with the way designers work today and if you’ve been wanting to dive into React, then this is the e-book for you.
  • The Guide to Learning React Hooks(Examples & Tutorials) : Learn about everything from the basics all the way to advanced hooks usage examples such as useReducer for managing a list of data. This guide also provides background on the history of React and its concept of state management.
  • Reintroducing React : Modern React with Every React Update Since v16 Demystified (includes advanced hooks)