Skip to content
This repository has been archived by the owner on May 15, 2022. It is now read-only.

Commit

Permalink
Renomeado Pastas
Browse files Browse the repository at this point in the history
  • Loading branch information
gmarcon83 committed Apr 14, 2021
1 parent 878c9ad commit 7d6f15d
Show file tree
Hide file tree
Showing 33 changed files with 83 additions and 22 deletions.
2 changes: 2 additions & 0 deletions .gitignore
Original file line number Diff line number Diff line change
Expand Up @@ -6,6 +6,8 @@
/Outros/
/Projetos Dos Módulos/
/ZZZ Modelo/
*/node_modules/
/React Dia 6 - Recriando Site/
s.js
teste.js
teste.py
21 changes: 0 additions & 21 deletions React Dia 04 - Primeiro APP/app-1/src/App.jsx

This file was deleted.

File renamed without changes.
11 changes: 11 additions & 0 deletions React Dia 04+ App Testes/src/App.jsx
Original file line number Diff line number Diff line change
@@ -0,0 +1,11 @@
import Ciclo from "./componentes/Ciclo";

function App(){
return(
<>
<Ciclo />
</>
)
}

export default App;
33 changes: 33 additions & 0 deletions React Dia 04+ App Testes/src/componentes/Ciclo.jsx
Original file line number Diff line number Diff line change
@@ -0,0 +1,33 @@
import React,{ Component } from "react";


class Ciclo extends Component{
constructor(props){
super(props);
this.state = {
valor: 0
}
}

componentDidMount(){
this.setState({
valor: 1
})
}

render(){
return(
<section>
<h1>Ciclo de vida</h1>
<p>{this.state.valor}</p>
<button onClick={
() => this.setState({
valor: this.state.valor+1
})
}>+1</button>
</section>
)
}
}

export default Ciclo;
2 changes: 1 addition & 1 deletion _React - Básico.txt
Original file line number Diff line number Diff line change
Expand Up @@ -23,4 +23,4 @@ Componente básico

OBS: props -> são as propriedades padrões dos objetos;
state -> são propriedades que podem variar, alteramos elas com o
setState();
setState();+
36 changes: 36 additions & 0 deletions _React - Vida do Componente.txt
Original file line number Diff line number Diff line change
@@ -0,0 +1,36 @@
Vida do Componente

Montagem

constructor();
render();
componentDidMount();

Atualização

render();
componentDidUpdate();

Desmontagem

componentWillUnmount();

▲▼▲▼▲▼▲▼▲▼▲▼▲▼▲▼▲▼▲▼▲▼▲▼▲▼▲▼▲▼▲▼▲▼▲▼▲▼▲▼▲▼▲
▼▲▼▲▼▲▼▲▼▲▼▲▼▲▼▲▼▲▼▲▼▲▼▲▼▲▼▲▼▲▼▲▼▲▼▲▼▲▼▲▼▲▼

constructor()
Não podemos usar setState no Constructor.

render()
Único método obrigatório da classe, deve retornar o que
queremos mostrar na tela.

componentDidMount()
Set state pode ser aplicado nessa fase.

componentDidUpdate()
Gera um loop se usarmos um setState.

componentWillUnmount()
Podemos usamar para limpar timers etc antes do componente ser
destruido.

0 comments on commit 7d6f15d

Please sign in to comment.