JS: React

Included in the course

What you'll learn

• Build React apps
• Properly organize application state
• Interact with the backend via API
• Integrate React with third party libraries

Description

React is a library that has revolutionized our understanding of how to develop the front end. In this course, we will touch on all aspects of its work, and step by step, starting with simple components, we will reach interaction with the backend and integration with code written without using it (in jQuery).

Course program

• 1

  Introduction

  Getting familiar with the course and set up the environment

  theory
• 2

  Components

  Learning the basic unit in React — the component

  theory

  quiz

• 3

  JSX

  Learning how to use JSX effectively

  theory

  quiz

• 4

  Props

  Exploring the mechanism of passing data to components

  theory

  quiz

• 5

  Collections

  Learning how to handle collections of data inside components

  theory

  quiz

• 6

  JSX vs HTML

  Learning about JSX features that work differently from HTML

  theory

  quiz

• 7

  Handling class names

  Learning how to properly work with component classes that can change dynamically

  theory
• 8

  Children

  Learning how to create box components that can work with nested components

  theory

  quiz

• 9

  State

  Learning how to create stateful components and add interactivity

  theory

  quiz

• 10

  Events

  Exploring the features of the React event system

  theory

  quiz

• 11

  Automata-based programming

  Recollecting that everything around is automata. Learning to work with automata in React properly

  theory
• 12

  Forms

  Learning how to interact with forms

  theory

  quiz

• 13

  Immutability

  Learning how to work with compound structures in an immutable style. Exploring the `immutability-helper` library

  theory

  quiz

• 14

  Nested Components

  Understanding state and event management in nested components

  theory

  quiz

• 15

  Functional Components

  Considering creating components based on functions and using namespaces

  theory
• 16

  Context API

  Learning a convenient way to access global state in nested components

  theory

  quiz

• 17

  Virtual Dom

  Exploring the internals of React

  theory

  quiz

• 18

  Testing

  Learning about the problems that the developer face when working with source code

  theory
• 19

  Asynchronous processing

  Learning about the specifics of working with an event object in asynchronous code. Practicing the work with asynchronous handlers

  theory
• 20

  Component lifecycle

  Exploring the lifecycle of a component at work

  theory
• 21

  Performance

  Learning how to get the most out of React

  theory

  quiz

• 22

  Refs

  Learning to interact with the real DOM to integrate third party components

  theory
• 23

  Additional resources

  Some materials the Hexlet team have picked up. This will give you a more in-depth understanding of the topic