O que é contextAPI

A Context API é uma biblioteca que pode ser usada para autenticação, armazenamento de dados de formulários, configurações de temas ou outras funcionalidades que uma aplicação possa precisar.

<h3>Vantagens de utilizar a ContextAPI</h3>

Se props não queres mais usar, contextAPI aprenderá. - 2021, Lázaro Souza.

Com uma citação dessa não dá pra resistir não é ? mas deixamos de brincadeiras, listarei agora as vantagens de se utilizar a contextAPI.

1. Você tem uma arquitetura mais limpa
2. Abandona o uso de props por mais de dois componentes
3. Acessar dados em tempo de execução
4. Estado global pra toda aplicação sem necessidade de grandes aperreios com dhilrens e árvore de componentes

<h1>Código que peguei do Notion</h1>

import React from 'react';
import ReactDOM from 'react-dom';
import './index.css';
import { Home } from './templates/Home';
import { CounterContextProvider } from './context/CounterContext/index';

ReactDOM.render(
  <React.StrictMode>
    <CounterContextProvider>
      <Home />
    </CounterContextProvider>
  </React.StrictMode>,
  document.getElementById('root'),
);