onebitcode-fundamentos-do-react

Introdução ao Módulo

1. Como funciona o React
2. Para que serve o React
3. JSX
4. Componentes
5. props
6. eventos
7. estado
8. formulários
9. renderização condicional e de listas
10. HTML e CSS
11. Conhecimentos sólidos em JavaScript (todos os 5 módulos de JS concluídos)
12. Em especial, domínio de funções, objetos e arrays
13. Versão usada: React 18+
14. Nova estrutura em (possivelmente) 3 partes
15. Parte inicial: foco nos fundamentos

• React.StrictMode - ajuda no desenvolvimento, ele monta o componente duas vezes para facilitar o debug

Composição de componentes com “children”

Props com Rest Param

• Passar props do componente pai para o filho <ProfileSection className={styles.links} id="links-section" data-test="some value" aria-label="social links"

{props.children}

{props.children}

O que é e para que serve o “state”

• Serve para realizar as mudanças das variáveis e etc no DOM virtual

Conhecendo melhor os hooks (ganchos)

• Ex: useState
• Os hooks começam com useNomeDoHook
• Regra 1: Onde usar os hooks
• Só funciona dentro do componente. Ex: Dentro do function App()
• Regra 2: A ordem dos hooks

Compartilhando estado entre componentes

• npm install prop-types (biblioteca compartilhando estado entre componentes)