Tutorial: Introduction

You've heard about this UI library called React and want to see what it's about. Or maybe someone told you to come here. Either way, I'll try my best to show and teach you React.

This guide assumes some familiarity with HTML, CSS, and JavaScript. Knowing what closures are and how "this" works in JavaScript will help but you'll learn React regardless.

Format

This is an interactive guide to React. Between the text and bad jokes, you'll find embedded JSBin snippets to apply your new knowledge.

Oh look, your first exercise!

Exercise: Hello

Give React some personality by sprucing up this hello message. Perhaps some French to make it more romantic?

View Solution

To setup React on your site, visit the official Getting Started page. This tutorial will jump right into how to use React.

Excited? Scared? Let's get started!

Next Article

JSX

XML in JavaScript? We'll start by getting familiar with JSX, the syntax React uses.

Liked this?

Subscribe

Subscribe for a range of articles from React basics to advanced topics such as performance optimization and deep dives in the React source code.