React
React Basics #7: Conditional Rendering
A roundup of conditional rendering patterns for showing, hiding, or swapping parts of the screen based on state.
React Basics #6: Event Handling
Look at how React handles events: synthetic events, handler patterns, and how to pull information out of the event object.
React Basics #5: State and useState
Learn how a component handles changing data — the concept of state and the useState hook.
React Basics #4: Components and Props
Learn how to make components — the core unit of React — to break the screen into small pieces, and how to pass data using props.
React Basics #3: What Is JSX?
We look at the basic syntax and rules of JSX, the special syntax used when writing React components.
React Basics #2: Setting Up the Development Environment (Node.js + Vite)
To start writing real code, we install Node.js, create our first React project with Vite, and launch the dev server.
React Basics #1: What Is React?
This tutorial is for React beginners. We'll learn what React is, why it was created, and which problems it's designed to solve.