A simple (99% ES2015 less) tutorial for React
HTML
Switch branches/tags
Nothing to show
Clone or download
Permalink
Failed to load latest commit information.
00-object-elements.html 📝 Update typos across the files and add some info about fragments ai… Jun 28, 2018
01-element-factory.html Update to React 16.4.0 #9 Jun 5, 2018
02-jsx.html Update to React 16.4.0 #9 Jun 5, 2018
03-nested-elements.html 📝 Update typos across the files and add some info about fragments ai… Jun 28, 2018
04-components.html fixed typo (#18) Jul 1, 2018
05-properties.html Added an article (#25) Jul 8, 2018
06-property-types.html 📝 Update typos across the files and add some info about fragments ai… Jun 28, 2018
07-property-example.html 📝 Update typos across the files and add some info about fragments ai… Jun 28, 2018
08-nested-components.html Update to React 16.4.0 #9 Jun 5, 2018
09-component-classes.html 📝 Update typos across the files and add some info about fragments ai… Jun 28, 2018
10-example-app.html 📝 Update typos across the files and add some info about fragments ai… Jun 28, 2018
11-lifecycle-methods.html 📝 Update typos across the files and add some info about fragments ai… Jun 28, 2018
12-component-refactor.html Update to React 16.4.0 #9 Jun 5, 2018
13-element-refactor.html element-refactor: fix code style (#24) Jul 7, 2018
14-references.html Update to React 16.4.0 #9 Jun 5, 2018
15-simple-integration.html 📝 Update typos across the files and add some info about fragments ai… Jun 28, 2018
16-advanced-integration.html advanced-integration: fix typo (#23) Jul 7, 2018
17-unit-testing.html Add lesson for unit tests #10 Jul 5, 2018
LICENSE Update React version Mar 24, 2017
README.md added spaish translation (#26) Jul 16, 2018

README.md

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

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