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

## What is React?
React is a Javascript library for creating User Interfaces. It was developed by Facebook and has gained a lot of traction once Facebook open-sourced it.

It started as a library for creating Web UI but now with React Native, you can use similar code to create native mobile applications.

If you are a developer who is creating user-facing products (web or mobile), it's a good idea to at least know about React.

## What are you learning in this course?
In this course, my goal is to teach you the essentials of React with a focus on creating Web applications.

## "I've heard React is complicated"
Not really. When people say React, they mean many things. You would hear people using names like NPM, Flux, Redux, Webpack, etc. when trying to teach or describe React. I am not going to do that. **In fact, I am going to avoid discussing any of the technologies mentioned above**.

You may ask Why? I've seen many people complain about React fatigue or Javascript framework fatigue. Many tutorials force the learner to go through many setup steps at the beginning. These tools needed to run large projects are useful, but they can be intimidating to someone who's just starting. 

> The truth is that you don't need to know anything about Webpack, NPM, Flux, Redux to understand React. 

Hence, I've designed this course to introduce you to React without mentioning any additional tools or technologies. **You can complete the entire course in the browser including exercises**. This way, you would be able to **focus on learning React instead of fighting with setups and installations.** 

## How can I run React in Browser
Educative is a great authoring platform and it has widgets that lets me setup React environment in Browser. Just start learning and you will see how it works.

## Examples and Exercises
I believe that we only learn when we see examples and then try doing something on our own. Therefore, you would see examples (which you can run, modify and run again). Also, you'll find Exercises and Quizzes to help you learn interactively.

If you want to play a little more, every example or exercise has a download button. It will download a single html file with all the code. You can modify it and run in your local browser.

## Prerequisites
You should understand HTML, CSS, and basics of JS. 

We'll be using Javascript ES6 (2015) but it's not a prerequisite. We'll go through the relevant parts of ES6 before looking at React.

## Support
In case you have questions you may reach me via [twitter](https://twitter.com/lapanoid) or [email](lapanoid@gmail.com). 

Enjoy React!


# What is React?
React is a Javascript library for creating User Interfaces. It was developed by Facebook and has gained a lot of traction once Facebook open-sourced it.

It started as a library for creating Web UI but now with React Native, you can use similar code to create native mobile applications.

If you are a developer who is creating user-facing products (web or mobile), it's a good idea to at least know about React.

# What are you learning in this course?
In this course, my goal is to teach you the essentials of React with a focus on creating Web applications.

# "I've heard React is complicated"
Not really. When people say React, they mean many things. You would hear people using names like NPM, Flux, Redux, Webpack, etc. when trying to teach or describe React. I am not going to do that. **In fact, I am going to avoid discussing any of the technologies mentioned above**.

You may ask Why? I've seen many people complain about React fatigue or Javascript framework fatigue. Many tutorials force the learner to go through many setup steps at the beginning. These tools needed to run large projects are useful, but they can be intimidating to someone who's just starting. 

> The truth is that you don't need to know anything about Webpack, NPM, Flux, Redux to understand React. 

Hence, I've designed this course to introduce you to React without mentioning any additional tools or technologies. **You can complete the entire course in the browser including exercises**. This way, you would be able to **focus on learning React instead of fighting with setups and installations.** 

# How can I run React in Browser
Educative is a great authoring platform and it has widgets that lets me setup React environment in Browser. Just start learning and you will see how it works.

# Examples and Exercises
I believe that we only learn when we see examples and then try doing something on our own. Therefore, you would see examples (which you can run, modify and run again). Also, you'll find Exercises and Quizzes to help you learn interactively.

If you want to play a little more, every example or exercise has a download button. It will download a single html file with all the code. You can modify it and run in your local browser.

# Prerequisites
You should understand HTML, CSS, and basics of JS. 

We'll be using Javascript ES6 (2015) but it's not a prerequisite. We'll go through the relevant parts of ES6 before looking at React.

# Support
In case you have questions you may reach me via [twitter](https://twitter.com/lapanoid) or [email](lapanoid@gmail.com). 

Enjoy React!


React is a simple concept. Tools and Frameworks that wrap React to help you manage large projects make it sound difficult. My goal is to help you learn React. If you understand React, tooling around it becomes easy to understand. So we'll learn React in Browser.

Introduction

ES6

Pure React

State

What is next?

Appendix

Why Learn React?

What is React?

What are you learning in this course?

“I’ve heard React is complicated”

How can I run React in Browser

Examples and Exercises

Prerequisites

Support