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

In the previous lesson we finished our landing, now is a good time to refactor it. The Golden rule of refactoring - nothing should change for the end user, but at the end, we will get better and more maintainable code.

## Function as first class citizen

Javascript is a language that considers procedures to be "first-class objects" and allows functions to be passed around just like any other value.

e.g. you can do things like this:

In the previous lesson we finished our landing, now is a good time to refactor it. The Golden rule of refactoring - nothing should change for the end user, but at the end, we will get better and more maintainable code.

# Function as first class citizen

Javascript is a language that considers procedures to be "first-class objects" and allows functions to be passed around just like any other value.

e.g. you can do things like this:

In this lesson, we will go through the concept of higher order functions and higher order components. It's a manifestation of software engineering's reusability principle. Learning these concepts will make building re-usable react components easier and more fun.

Introduction

ES6

Pure React

State

What is next?

Appendix

Higher-order Components

Function as first class citizen