Learn the basics of ES6 and React. I assume that you know nothing about React. My goal is to teach you React without requiring any setup or tools. All code samples can be executed in the Browser. The course begins by giving you an overview of ES6. We then begin creating basic components in React, then continue to enhance them. The final example is an interactive web page with multiple stateful components interacting with each other on user actions.

React JS & ES6 for JavaScript beginners

## React is fully compatible with Javascript 

React is a small set of APIs and it fully embraces Javascript constructs. Except for JSX, when you are using React, you are writing Javascript. We don't need any *weird framework-specific syntax* to iterate over arrays or show/hide content.

### Show different content on condition
Try to change `show={false}` on `show={true}` in the following code.

*The following code has a small bug. I hit this bug when creating this course and decided to keep it here just to explain how evaluation works with { }. Click Run and you won't see anything. Try figuring out why. Then continue below to see the explanation.*

# React is fully compatible with Javascript 

React is a small set of APIs and it fully embraces Javascript constructs. Except for JSX, when you are using React, you are writing Javascript. We don't need any *weird framework-specific syntax* to iterate over arrays or show/hide content.

## Show different content on condition
Try to change `show={false}` on `show={true}` in the following code.

*The following code has a small bug. I hit this bug when creating this course and decided to keep it here just to explain how evaluation works with { }. Click Run and you won't see anything. Try figuring out why. Then continue below to see the explanation.*

React essentially is javascript that you already know. There is no syntactic sugar that you need to learn.

Introduction

ES6

Pure React

State

What is next?

Appendix

React embraces Javascript

React is fully compatible with Javascript

Show different content on condition