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

We will make slow progress towards building a reasonable size component but before that we need to understand and employ some concepts to build smaller components. Let's markup a classic landing page which will have the following sections:  
 - menu  
 - products  
 - team  
 - about  

Also, our customer gave us content that he wants to be displayed on the site in the following format:

You will learn a key principle 'Composition' in this article. It let's you compose bigger react-components using smaller self-contained components.

Introduction

ES6

Pure React

State

What is next?

Appendix

Composition