React

Introduction to React

What React is, how it updates the page, setting up a project, and your first render.

ES6 for React

Arrow functions, classes, destructuring, spread, array methods, modules, and the ternary operator.

JSX Basics

Writing markup in JavaScript: expressions, attributes, fragments, and conditions.

Components & Props

Function and class components, props, destructuring, defaults, and children.

State with useState

Data that changes over time: useState, updating state safely, and how re-renders work.

Handling Events

onClick and friends, passing arguments, the event object, preventDefault, and handlers as props.

Conditional Rendering

Showing different UI with if, &&, the ternary operator, and null.

Lists & Keys

Rendering arrays with map, choosing keys, filtering, and updating lists in state.

Forms

Controlled inputs, submitting, multiple fields, textarea, select, checkboxes, and radios.

useEffect & Side Effects

Running code after render: dependencies, cleanup, timers, and fetching data.

More Hooks

useRef, useContext, useReducer, useMemo, useCallback, and custom hooks.

Styling React

Inline styles, stylesheets and className, conditional classes, CSS Modules, CSS-in-JS, and Sass.

Routing & Advanced Patterns

React Router, portals, Suspense and lazy loading, forwardRef, higher-order components, and transitions.