diff --git a/2_FUNDAMENTOS/fundamentos/src/App.js b/2_FUNDAMENTOS/fundamentos/src/App.js index 7d08960..f7a739e 100644 --- a/2_FUNDAMENTOS/fundamentos/src/App.js +++ b/2_FUNDAMENTOS/fundamentos/src/App.js @@ -1,20 +1,22 @@ -import logo from "./logo.svg"; -import "./App.css"; - +// Components import FirstComponent from "./components/FirstComponent"; import TemplateExpressions from "./components/TemplateExpressions"; -import MyComponent from "./components/MyComponent"; import Events from "./components/Events"; import Challenge from "./components/Challenge"; +// Style +import "./App.css"; + + + function App() { return (
- - - - - +

Fundamentos REACT

+ + + +
); } diff --git a/2_FUNDAMENTOS/fundamentos/src/components/Challenge.js b/2_FUNDAMENTOS/fundamentos/src/components/Challenge.js index 3355fc8..be8810b 100644 --- a/2_FUNDAMENTOS/fundamentos/src/components/Challenge.js +++ b/2_FUNDAMENTOS/fundamentos/src/components/Challenge.js @@ -2,15 +2,14 @@ import React from "react"; const Challenge = () => { const a = 10; - const b = 15; + const b = 20; return (

A: {a}

B: {b}

- +
); }; - export default Challenge; diff --git a/2_FUNDAMENTOS/fundamentos/src/components/Events.js b/2_FUNDAMENTOS/fundamentos/src/components/Events.js index 8781701..08a9d50 100644 --- a/2_FUNDAMENTOS/fundamentos/src/components/Events.js +++ b/2_FUNDAMENTOS/fundamentos/src/components/Events.js @@ -1,36 +1,25 @@ const Events = () => { - const handleMyEvent = (e) => { + const handleMyEvents = (e) => { console.log(e); - console.log("Ativou o evento!"); }; const renderSomething = (x) => { if (x) { - return

Renderizando isso!

; + return

X É VERDADEIRO

; } else { - return

Também posso renderizar isso!

; + return

X É FALSO

; } }; return (
- {/* evento */}
- +
- {/* lógica no evento */}
- -
{renderSomething(true)} diff --git a/2_FUNDAMENTOS/fundamentos/src/components/FirstComponent.js b/2_FUNDAMENTOS/fundamentos/src/components/FirstComponent.js index f7baecb..65bcd4d 100644 --- a/2_FUNDAMENTOS/fundamentos/src/components/FirstComponent.js +++ b/2_FUNDAMENTOS/fundamentos/src/components/FirstComponent.js @@ -1,15 +1,9 @@ -import MyComponent from "./MyComponent"; +const FirstComponent = () =>{ -const FirstComponent = () => { - // Um comentário - return ( -
- {/* Um comentário no JSX */} -

Título

-

Testando alguma classe

- -
- ); -}; - -export default FirstComponent; + return( +
+

Meu FirstComponent

+

Meu texto no React!!

+
+)} +export default FirstComponent \ No newline at end of file diff --git a/2_FUNDAMENTOS/fundamentos/src/components/TemplateExpressions.js b/2_FUNDAMENTOS/fundamentos/src/components/TemplateExpressions.js index e8e1b10..5f4ef58 100644 --- a/2_FUNDAMENTOS/fundamentos/src/components/TemplateExpressions.js +++ b/2_FUNDAMENTOS/fundamentos/src/components/TemplateExpressions.js @@ -1,17 +1,17 @@ -const TemplateExpressions = () => { - const name = "Matheus"; +const TemplateExpressions = () =>{ + + const name = "César" const data = { - age: 31, - job: "Programmer", - }; + age: 32, + job: "developer", + } - return ( -
-

Olá {name}, tudo bem?

-

Você atua como: {data.job}

-

{4 + 4}

-
- ); -}; +return( +
+

Olá {name}, tudo bem?

+

Você tem: {data.age} anos, e trabalha como: {data.job}

+
+) +} -export default TemplateExpressions; +export default TemplateExpressions \ No newline at end of file