Organizando o seu código ReactJs

Transcript

1. Organizando o seu código ReactJs Rio de Janeiro - 2019
2. Nome Igor Felipe Empresa B2W Digital - Finance Twitter @igorfelipee1
3. Vamos imaginar Sua equipe recebeu um projeto Após 3 semanas, foi pedida uma alteração Com o crescimento dos projetos, foram contratadas novas pessoas para equipe Após 2 semanas, foram pedidas mais features NÃO DÁ MAIS!
8. "Assim como seu código, sua arquitetura precisa ser autoexplicativa"
10. "Elemento reutilizável com as suas funcionalidades encapsuladas e separadas do resto do código "
11. Presentational, Container and Page components
12. Presentational • Stateless • Shows a certain piece of the UI • Data is via props or api context
14. SearchBar
15. Container/Page • Groups presentational/container components • Deals with business logic • Usually have some state and render only presentational components • Used on react-router
17. Header
18. ?
19. "Todo componente page é um container mas nem todo container é um page"
21. "O problema de semântica do seu projeto não é da máquina"
22. console.log(' Obrigado! ')