Lecture 7: Web Dev 1

Content locked

The catalog is public. Reading this content requires approved access.

Learning Objectives

What is React?

Traditional Component Construction

The Virtual DOM

Reconciliation

React DOM

Getting Started

What did I just run?

React Component Basics

JSX

Props

Syntactic Sugar

Design Sugar: React-Bootstrap

Imports and Exports

Callback Handlers

Reactive State Basics

Conditional Rendering

2 Ways to Set State

Fetching Data with useEffect

Rendering Basics

Common Problems

Blank Screen

HTTP 401

HTTP 429

X is not defined

Empty State

Connections