React From Zero

A simple (99% ES2015 less) tutorial for React

Everything runs in the browser without a manual pre-compilation.

Create React App

If you want to run the examples with create-react-app, you have to copy the text/babel script parts of the examples into the src/index.js file of the React app you created and change the renderTargets ID from app to root.

Translations

• 中文/Chinese

• Brazilian Portuguese

• Russian

Lessons

Lesson 0 - Object Elements - Preview

Lesson 1 - Element Factory - Preview

Lesson 2 - JSX - Preview

Lesson 3 - Nested Elements - Preview

Lesson 4 - Components - Preview

Lesson 5 - Properties - Preview

Lesson 6 - Property Types - Preview

Lesson 7 - Property Example - Preview

Lesson 8 - Nested Components - Preview

Lesson 9 - Component Classes - Preview

Lesson 10 - Example App - Preview

Lesson 11 - Lifecycle Methods - Preview

Lesson 12 - Component refactor - Preview

Lesson 13 - Element Refactor - Preview

Lesson 14 - References - Preview

Lesson 15 - Simple Integration - Preview

Lesson 16 - Advanced Integration - Preview

Lesson 17 - Unit Testing - Preview