{"size": 817, "ext": "js", "max_stars_repo_path": "2_FrontEnd/3_Javascript/3_Javascript_Tooling/4_React/Testes/app-calculadora/src/pages/App.js", "max_stars_repo_name": "Marcelosmbrr/Aprendizado_Full_Stack", "max_stars_repo_stars_event_min_datetime": "2021-01-27T06:30:22.000Z", "max_stars_repo_stars_event_max_datetime": "2021-01-27T06:30:22.000Z", "max_issues_repo_path": "2_FrontEnd/3_Javascript/3_Javascript_Tooling/4_React/Testes/app-calculadora/src/pages/App.js", "max_issues_repo_name": "Marcelosmbrr/Aprendizado_Full_Stack", "max_issues_repo_issues_event_min_datetime": null, "max_issues_repo_issues_event_max_datetime": null, "max_forks_repo_path": "2_FrontEnd/3_Javascript/3_Javascript_Tooling/4_React/Testes/app-calculadora/src/pages/App.js", "max_forks_repo_name": "Marcelosmbrr/Aprendizado_Full_Stack", "max_forks_repo_forks_event_min_datetime": "2021-04-27T02:37:00.000Z", "max_forks_repo_forks_event_max_datetime": "2021-04-27T02:37:00.000Z"}
{"max_stars_count": 1, "max_issues_count": null, "max_forks_count": 1, "avg_line_length": 26.3548387097, "max_line_length": 78, "alphanum_fraction": 0.6376988984}
import {useState} from 'react';
import "./App.css";
import {Header} from '../components/header/Header';
import {Main} from '../components/main/Main';
import {Footer} from '../components/footer/Footer';

export default function App() {

    //State do width da janela para definir o tipo de menu utilizado no Header
    const [windowWidth, setWindowWidth] = useState(document.body.clientWidth);
    
    window.addEventListener("resize", () => {

        setWindowWidth(document.body.clientWidth);

    });

    
    //O conteúdo do return é em JSX
    return (

      //Sendo um SPA, não é necessário criar um componente de página
      //Poderia ser criada aqui mesmo, no componente App
      <div className="App"> 
        <Header window = {windowWidth}/>
        <Main />
        <Footer/>
      </div>

    );
  }