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

Functions can be created in much more pleasant way in es6 with help of `arrow functions`:


const sum = (a, b) => {
    return a + b
}

Or even in one line - no need in `{}` and `return ` if we have *single return statement* in function body:



and if we have one argument we even don't need `()`:

ES6 introduced a new way to define anonymous functions using arrow (=>) operator. In this lesson, we learn how arrow operator helps us in writing more concise code.

Introduction

ES6

Pure React

State

What is next?

Appendix

Arrow functions