ReactIntroduction & Core Concepts

73 items

1

Purity of Render Logic

Flashcard
2

JSX and createElement

Flashcard
3

Composition and the children Prop

Flashcard
4

State vs Props

Flashcard
5

Declarative vs Imperative UI

Flashcard
6

Props and Unidirectional Data Flow

Flashcard
7

Controlled vs Uncontrolled Components

Flashcard
8

Synthetic Events

Flashcard
9

Rendering Lists and Keys

Flashcard
10

Components as Composition Units

Flashcard
11

Virtual DOM and Reconciliation

Flashcard
12

Conditional Rendering Patterns

Flashcard
13

JSX Compiles To

Quiz
14

One-Way Data Flow

Quiz
15

State vs Props

Quiz
16

Lists And Keys

Quiz
17

JSX Attribute Conventions

Quiz
18

Composing Components

Quiz
19

Component-Based Architecture

Quiz
20

Class Components

Quiz
21

Props Basics

Quiz
22

Rendering To The DOM

Quiz
23

Virtual DOM Concept

Quiz
24

Single Root Element

Quiz
25

Expressions In JSX

Quiz
26

Component Naming Rules

Quiz
27

Handling Events

Quiz
28

The children Prop

Quiz
29

Declarative vs Imperative

Quiz
30

JSX Syntax Role

Quiz
31

What React Is

Quiz
32

Conditional Rendering

Quiz
33

Function Components

Quiz
34

One-Way Data Flow Overview

Slides / Video
35

React Project Structure Overview

Slides / Video
36

JSX Syntax and Its Purpose

Slides / Video
37

The Virtual DOM Explained

Slides / Video
38

Component-Based Architecture

Slides / Video
39

Declarative vs Imperative UI

Slides / Video
40

React: Library vs Framework

Slides / Video
41

JSX Attributes vs HTML

Code Quiz
42

Component Naming Convention

Code Quiz
43

Composing Components

Code Quiz
44

One-Way Data Flow

Code Quiz
45

Rendering To The DOM

Code Quiz
46

Defining Function Components

Code Quiz
47

Expressions In JSX

Code Quiz
48

Reading Props

Code Quiz
49

JSX Syntax Basics

Code Quiz
50

The Virtual DOM

Code Quiz
51

What React Is

Code Quiz
52

Single Root Element

Code Quiz
53

What React Is and Why It Exists

Slides / Video
54

Setting Up a React Project

Slides / Video
55

Single Page Application (SPA) Concept

Slides / Video
56

Introduction to State

Flashcard
57

Composing Components

Flashcard
58

Props vs State

Flashcard
59

What React Is

Flashcard
60

Rendering to the DOM

Flashcard
61

Functional Components

Flashcard
62

The Virtual DOM

Flashcard
63

JSX Syntax Rules

Flashcard
64

Single Page Application

Flashcard
65

Elements vs Components

Flashcard
66

One-Way Data Flow

Flashcard
67

What Is JSX

Flashcard
68

Library vs Framework

Flashcard
69

Props

Flashcard
70

Declarative vs Imperative

Flashcard
71

Component-Based Architecture

Flashcard
72

Rendering Elements to the Screen

Slides / Video
73

Function Components Basics

Slides / Video
FlashcardBeginner

Rendering to the DOM

createRoot renders a React component into the real DOM.

Question

How do you render a React component to the DOM?

Click to reveal answer