{"size": 593, "ext": "js", "max_stars_repo_path": "web/src/os3Conceitos/appConceito.js", "max_stars_repo_name": "brian-izaki/Projetos_Rocketseat2", "max_stars_repo_stars_event_min_datetime": null, "max_stars_repo_stars_event_max_datetime": null, "max_issues_repo_path": "web/src/os3Conceitos/appConceito.js", "max_issues_repo_name": "brian-izaki/Projetos_Rocketseat2", "max_issues_repo_issues_event_min_datetime": "2021-01-18T04:05:25.000Z", "max_issues_repo_issues_event_max_datetime": "2021-01-18T04:05:28.000Z", "max_forks_repo_path": "web/src/os3Conceitos/appConceito.js", "max_forks_repo_name": "brian-izaki/Projetos_Rocketseat2", "max_forks_repo_forks_event_min_datetime": null, "max_forks_repo_forks_event_max_datetime": null}
{"max_stars_count": null, "max_issues_count": 9, "max_forks_count": null, "avg_line_length": 23.72, "max_line_length": 89, "alphanum_fraction": 0.6863406408}
import React, { useState } from 'react';
// import Header from './Header';

//Componente: Bloco isolado de HTML, CSS e JS. Ele não interfere no restante da aplicação
//Propriedade: Informação que um componente PAI passa para o componente FILHO
//Estado: Informações contidas pelo componente. {Imutabilidade}


function App() {
  const [counter, setCounter] = useState(0);

  function incrementCounter(){
    setCounter(counter + 1);
  }

  return (
    <>
      <h1> Contador: {counter} </h1>  
      <button onClick={incrementCounter}>Incrementar</button>
    </>
  );
}

export default App;
