Please enable JavaScript.
Coggle requires JavaScript to display documents.
Desenvolvimento Mobile (Componentes :checkered_flag: (Ciclo de vida…
Desenvolvimento Mobile
Threads
:fire:
BRIDGE
UI thread
Shadow Queue
Layout
JS thread
(Core)
MAIN thread
Componentes
:checkered_flag:
Ciclo de vida
Updating
componentDidMount
Executa = Propriedade do componente muda
shouldComponentUpdate
Render novamente?
true
:
false
componentWillUpdate
Se
true
= atualiza propriedades e estado
dispara Novo
Render
:warning:
componentDidUpdate
Após Novo
Render
= recebe propriedades e estados
Unmounting
componentWillUnmount
Pode cancelar
EventListeners
ou
setIntervals
Mounting
componentDidMount
Indica final da renderização
Processos assíncronos
Processos para efeito colateral
componentWillMount
Executa 1 vez por componente :warning:
Altera estado
render
Cria View
Estado muda = executa
Nenhuma função, só JSX :warning:
Componentização
Visualização
(JSX)
JSX = determina formato dos elementos
Lógica
Import
Defaut
(só 1 por módulo) :warning:
Named
(vários)
Componente
STATELESS
Sem ciclo de vida :warning:
PROPS
STATE
Imutável :warning:
Estilização