React

utilizando framework moderno em JavaScript

Danilo Vaz

_danilovaz

vazdanilo

danilovaz

danilovaz

Introdução

O que é React?

• Uma biblioteca
• Criada pelo Facebook
• Open Source
• O "V" do MVC
• Utiliza o Virtual DOM

Instalação

Instalação

Principais Conceitos

Principais Conceitos

• JSX
• Components e Props
• State e Lifecycle
• Hooks

JSX

Components e Props

Components e Props

Danilo, mas e o Class Component? 

Lifecycle

Lifecycle

State

Tanto Props quanto State disparam um evento de update no lifecycle

Quando usar?

Quando precisamos manter informações entre renderizações de componentes ou troca de páginas

State

Hooks

• Adicionado na versão 16.8
• Permite a utilização de state e outras features do React sem precisar escrever Class Components

O que são?

São funções especiais que nos permite "ligarmos" aos recursos de state e ciclo de vida do React

Hooks

• useState
• useEffect
• useCallBack
• useMemo