React

Contents

Each day is organized with theoretical lessons for topic framing and guided exercises designed specifically to lead every developer toward mastery of the tool. The course is structured as an intensive full-immersion experience in React development.

• Introduction to React

  • What is React?

  • The specialty of React: the frontend

  • React, setting up the development environment

  • Hello React World!

  • JSX syntax

  • Understanding state and props of components

  • Event handling in React

  • Understanding the Virtual DOM

  • Adding React to an existing app

• Components

  • Creating a React component

  • The React component lifecycle

  • Managing component state

  • Rendering the user interface

  • How to organize a React UI

  • Calling RESTful APIs and JSON-RPC

  • Sharing state between components a.k.a. “Lifting State Up”

• Hooks

  • What are hooks?

  • useState

  • useEffect

  • Building custom hooks

  • useContext

  • useCallback

  • useMemo

  • useRef

• Creating a Complete Project

  • Creating a new React application with create-react-app

  • Defining, designing, and developing components

  • Routing and navigation between views

  • Designing a navigation menu

• Advanced Concepts

  • Forwarding Refs

  • Fragments

  • Higher-Order Components

  • Integration with other libraries

  • JSX in detail

  • Performance optimization

The course is structured with a theory/practice alternation that allows participants to immediately understand, acquire, and compare the new information and techniques.