O documento discute a evolução conjunta da engenharia e do produto na empresa iFood. Apresenta como a empresa alinhou essas áreas através de reuniões quinzenais e melhorias contínuas (kaizens). Também explica a migração do código para React Hooks, notando quais bibliotecas já os suportam e como componentes de classe foram convertidos para funcionais.

1. Road to Hooks
Engenharia e Produto
evoluindo juntos

2. ● Pernambucano
● Engenheiro de Software
● Podcaster
● CS:GO > LoL
● Percussionista e pagodeiro
● Churrasqueiro profissional
certificado pelo YouTube
Quem sou eu?
pedrojsn96 pedrojsn96 pedrojsn96 pedrojsn96

3. Agenda
● Sobre o iFood
● Evolução Engenharia + Produto
○ Alinhando evolução de
engenharia com produto
● Migrando para Hooks
● Evolução do código

4. Sobre o iFood

5. SobreoiFood

6. SobreoiFood

7. SobreoiFood

8. SobreoiFood

9. Evolução Engenharia + Produto

10. Engenharia+Produto

11. Engenharia+Produto

12. Engenharia+Produto

13. Como evitamos esse cenário?

14. Como evitamos?
1. Adicionando evolução de engenharia
com um layer base no roadmap
2. Fazendo reuniões quinzenais para
discutir engenharia
3. Adicionando Kaizens em nossas
cerimônias (planning / grooming)
○ Kaizen é uma palavra de origem japonesa que se
refere a melhoria contínua de processos

15. Engenharia+Produto

16. Migrando para Hooks

17. Stack
redux-persist
react-intl
RECOMPOSE

18. Atualização de libs
1. Quais das nossas libs já suportam
hooks?
○ Redux, react-intl, react-router ...
2. Quais não suportam?
○ Redux-form …

19. Componente de Classe

20. Componente Funcional
1. Não conseguimos fugir totalmente
do RECOMPOSE
○ Alguns métodos não
conseguimos “transcrever”
○ Tem alguns artigos que tentam
fazer o de / para
2. Precisamos repensar a escrita de
alguns decorators
3. Escrever o novos códigos pensando
em hooks
4. Migrar para componente funcional
sempre que possível

21. Evolução do código

22. Decorator @withToggleState

23. Decorator + Hooks

24. Custom Hooks ❣

25. Obrigado!