Starter Code

The Starter Code

Solution Code

The Solution Code

Objectives

• describe ReactJS and the problems that it tries to solve
• explain what components are and how they work in React
• explain what state is in web applications and demonstrate how to make a React component stateful
• change the state of the component with a click listener

React Docs on Hooks: https://reactjs.org/docs/hooks-intro.html

What is React?

React is a JavaScript library for building user interfaces. It is the view layer for web applications.

This article dives deeper on the MVC Framework.

At the heart of all React applications are components.

A component is a self-contained module that renders some output. We can write interface elements like a button or an input field as a React component.

Components are composable meaning a component might include one or more other components in its output.

Step 1: React State