React in 30 minutes

What is react?

Why use react?

How does it fit into the modern javascript ecosystem?

Comparison to other front end tools

Working in React

React in 30 minutes

What is react?

Why use react?

How does it fit into the modern javascript ecosystem?

Comparison to other front end tools?

Working in React

React in 30 minutes

What is react?

Why use react?

How does it fit into the modern javascript ecosystem?

Comparison to other front end tools

Working in React

React in 30 minutes

What is react?

Why use react?

How does it fit into the modern javascript ecosystem?

Comparison to other front end tools

Working in React

React in 30 minutes

What is react?

Why use react?

How does it fit into the modern javascript ecosystem?

Comparison to other front end tools

Working in React

Straight from the React official docs!

What React code actually looks like:


              import React, { useState } from 'react';
  
              function Example() {
                const [count, setCount] = useState(0);
  
                return (
                  ...
                );
              }
            

Example Component

A Helpful tip!

Sometimes, you will see some old versions of react created with class components. Nowadays, people only use functional components using hooks for state management. In the old days, Class components were used.

Class Components (old school)