React is the view layer of an MVC application (Model View Controller).

React is used to build user interfaces (UI) on the front end.

React is an open-source project created by Facebook.

React is not a framework (unlike Angular, which is more opinionated).

React is a JavaScript library - one of the most popular ones, with over 100,000 stars on GitHub.

Here's the source and a live demo of the end result.

Build a very simple React app that demonstrates the above concepts.

Learn about essential React concepts and related terms, such as Babel, Webpack, JSX, components, props, state, and lifecycle.

Familiarity with ES6 syntax and features.

Basic knowledge of JavaScript and programming.

Here are what I consider to be React prerequisites. If you've never used JavaScript or the DOM at all before, for example, I would get more familiar with those before trying to tackle React. There are a few things you should know in advance before you start playing around with React. I tried to condense everything I've learned into a nice introduction to share with you, so here it is. After a few frustrated, failed attempts to get started with React, I finally started to get it, and I began to see why I might want to use React instead of vanilla JS or jQuery. Instead, I focused on just learning vanilla JavaScript and working with jQuery in a professional setting.

I saw what looked like a bunch of HTML mixed with JavaScript and thought, isn't this what we've been trying to avoid? What's the big deal with React?

I've been hearing about React since I first started learning JavaScript, but I'll admit I took one look at it and it scared me.

Todolist react display dot