Skip to main content
HTML5ANDCSS3 logoHTML5ANDCSS3Tools and Tutorials

React Introduction

3 lessonsAbout 18 minutesBeginner

This part of the React Tutorial runs from What Is React through to Your First Component. There are 3 lessons here, and working through them takes about 18 minutes at a steady pace.

This is where the React Tutorial starts. Nothing before it is assumed, and every example runs in the editor built into each lesson, so you can change the code and see the result without installing anything.

Each lesson below says what it covers before you open it. Read them in order the first time; afterwards this page works as a index you can jump back into when you need to check one thing.

  1. 1What Is ReactReact builds interfaces out of components and re-renders them when state changes. Learn what React actually does, what it does not do, and when it is the wrong tool.
  2. 2How React ThinksDeclarative rendering, one-way data flow and re-rendering explained. Understand the mental model behind React before learning its API.
  3. 3Your First ComponentWrite a React function component from scratch: naming rules, returning JSX, nesting components and rendering to the page.
All of React TutorialNext: JSX