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

Now that we have learned about state and class based React Components, it is time to make our landing interactive.

In our last version data was flowing downstream and our web page was static.

Now let's suppose we want to integrate **like** for our products from users who are visiting the landing.

Lets examine this scenario:

1. User types his name in a form and mentions one of our products.
2. We update App state.
3. After this Products UI correspondingly - shows a `<span>Counter :{value}</span> `

We will need a component to get user response, lets call it `GetExcited`:

Introduction

ES6

Pure React

State

What is next?

Appendix

Creating our stateful Landing Page