React Hooks

Editor's Notes

• #6: 1 - HOC tentam resolver o reuso de "stateful logic" entre componentes 2 - Componentes complexos tem muita lógica nos lifecycles, isso deixa difícil de entender e testar. Hooks permitem que você consiga separar a lógica do seu componente em funções menores, tornando menos complexo e mais fáceis de testar e reusar. 3 - Classes são confusas, é difícil entender como usar o this, dar bind nos métodos e elas não minificam bem.
• #7: Não devem encontrar muitos bugs já RFC = Request for comments
• #9: Basicamente é uma forma de vc conseguir manipular o estado e o lifecyle de componentes funcionais
• #12: useImperativeMethods customizes the instance value that is exposed to parent components when using ref
• #13: 1) Ele usa a ordem das chamadas para organizar vários useState e useEffect, por isso a primeira regra. 2) Para garantir que toda a lógica de estado de um componente esteja visível no seu código.
• #14: 1) Ele usa a ordem das chamadas para organizar vários useState e useEffect, por isso a primeira regra. 2) Para garantir que toda a lógica de estado de um componente esteja visível no seu código.
• #15: 1) Ele usa a ordem das chamadas para organizar vários useState e useEffect, por isso a primeira regra. 2) Para garantir que toda a lógica de estado de um componente esteja visível no seu código.
• #17: Mostrar loading com useEffect que tem o mesmo efeito de um shouldUpdate, que só atualiza quando a prop realmente muda Mostrar o Input, enfatizando a criação de um hook próprio, e como podemos reaproveitar o código e deixar a estrutura do componente mais simples
• #19: 1) O suporte para classes não vai acabar, teste hooks em códigos novos
• #20: 1) O suporte para classes não vai acabar, teste hooks em códigos novos