Learn the basics of React and its ecosystem.

Zero to Hero in Front-end Development with React

This module provides a deeper look into the advanced concepts and approaches of the React framework. The primary goal of this module is to give us an excellent introduction to React and its ecosystem and teach us as many best practices as possible. Furthermore, this module digs deeper into ES2015+, JSX, form validation, formatting, rendering, lifecycles, and event handling. We’ll also learn about higher-order components, functions as a child, and render props. Ultimately, upon completing this module, we’ll be able to develop a basic web application using React.

React Deep Dive: For Beginners

# What React is and what it is not
At this point, let’s cite the React documentation that has summarized it nicely:


>"[React is] a library for building user interfaces."



Even if this explanation might seem a little short, we can deduce a few key points from it to understand React better. First, React is just a library, not a framework. It does not boast an abundance of built-in functions to create complex web applications with ease. The second part of the sentence is equally important: "for building user interfaces."


Strictly speaking, React is just a **library** that makes it easy to develop **user interfaces**. There are no services or methods to make API calls,built-in models, or ORM. React is only concerned with user interfaces. One could say it is just the “view layer” in our application. In this context, we occasionally read that React can be thought of as the “V” in **MVC** or **MVVM**.<br> <br>

# States in React
React offers a declarative way to model state (state here referring to the state of the user interface itself). Simply put, this means that we declare in our code how our user interface should look given each state of the component. Let’s look at a simple example to illustrate this:

>If a user is logged in, show the dashboard. If they are not, show the login form.

This lesson will introduce you to the world of React.

General

What React is and what it is not