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 created a simple landing page, but it was not styled at all. Now it is time to play a bit with styling in React.   

## Synopsis

As HTML, CSS and JS evolved they were always separate and it was good. It was *"Separation of concerns"*. 

HTML - was assigned to structure content.

CSS - gave beauty and look to it

JS - to give life to it.

In the previous lesson, we created a simple landing page, but it was not styled at all. Now it is time to play a bit with styling in React.   

# Synopsis

As HTML, CSS and JS evolved they were always separate and it was good. It was *"Separation of concerns"*. 

HTML - was assigned to structure content.

CSS - gave beauty and look to it

JS - to give life to it.

You can't have plain html without styling. You can but you will probably never do that in a real world scenario. In this lesson we will go over styling of React Components using CSS.

Introduction

ES6

Pure React

State

What is next?

Appendix

Styling React Components with CSS

Synopsis