forked from M3-Academy/desafio-react-e-typescript
feature/react #1
@ -1,3 +1,5 @@
|
||||
import { Router } from "./router";
|
||||
|
||||
export const App = () => {
|
||||
return <h1> Hello World !</h1>;
|
||||
return <Router />;
|
||||
};
|
||||
|
@ -1,5 +1,6 @@
|
||||
import React from "react";
|
||||
import ReactDOM from "react-dom/client";
|
||||
import { BrowserRouter } from "react-router-dom";
|
||||
import { App } from "./App";
|
||||
|
||||
const root = ReactDOM.createRoot(
|
||||
@ -7,6 +8,8 @@ const root = ReactDOM.createRoot(
|
||||
);
|
||||
root.render(
|
||||
<React.StrictMode>
|
||||
<App />
|
||||
<BrowserRouter>
|
||||
<App />
|
||||
</BrowserRouter>
|
||||
</React.StrictMode>
|
||||
);
|
||||
|
3
desafio-react-e-typescript/src/pages/About.tsx
Normal file
3
desafio-react-e-typescript/src/pages/About.tsx
Normal file
@ -0,0 +1,3 @@
|
||||
export const About = () => {
|
||||
return <h1>Sobre</h1>;
|
||||
};
|
3
desafio-react-e-typescript/src/pages/home.tsx
Normal file
3
desafio-react-e-typescript/src/pages/home.tsx
Normal file
@ -0,0 +1,3 @@
|
||||
export const Home = () => {
|
||||
return <h1>Hello World</h1>;
|
||||
};
|
@ -1,15 +0,0 @@
|
||||
import { ReportHandler } from 'web-vitals';
|
||||
|
||||
const reportWebVitals = (onPerfEntry?: ReportHandler) => {
|
||||
if (onPerfEntry && onPerfEntry instanceof Function) {
|
||||
import('web-vitals').then(({ getCLS, getFID, getFCP, getLCP, getTTFB }) => {
|
||||
getCLS(onPerfEntry);
|
||||
getFID(onPerfEntry);
|
||||
getFCP(onPerfEntry);
|
||||
getLCP(onPerfEntry);
|
||||
getTTFB(onPerfEntry);
|
||||
});
|
||||
}
|
||||
};
|
||||
|
||||
export default reportWebVitals;
|
13
desafio-react-e-typescript/src/router.tsx
Normal file
13
desafio-react-e-typescript/src/router.tsx
Normal file
@ -0,0 +1,13 @@
|
||||
import { Routes, Route } from "react-router-dom";
|
||||
|
||||
import { Home } from "./pages/home";
|
||||
import { About } from "./pages/About";
|
||||
|
||||
export const Router = () => {
|
||||
return (
|
||||
<Routes>
|
||||
<Route path="/" element={<Home />} />
|
||||
<Route path="/Sobre" element={<About />} />
|
||||
</Routes>
|
||||
);
|
||||
};
|
Loading…
Reference in New Issue
Block a user