Rails & ReactJS - Use case e estratégias

[In Portuguese]

Talk sobre casos de uso e a nossa experiência utilizando o ReactJS em nossos projetos novos e legados para melhorar tanto a experiência do usuário quanto o manutenção quanto o reaproveitamento dos códigos de front-end

Transcript

1. Rails & ReactJS Use case e estratégias Daniel Vinciguerra
3. React JS
4. Biblioteca criada pelo 
 Facebook para a criação de UI
5. Biblioteca criada pelo 
 Facebook para a criação de UI
6. Components criados de forma declarativa que reagem a estado
7. Otimizado para soluções que alteram demais o conteúdo das paginas
9. Vantagens
10. Simplifica o teste 
 e depuração de problemas
11. Favorece e a manutenção
 e o reaproveitamento do código
12. Com foco na solução de 
 um problema de forma otimizada
13. Components
14. Syntax sugar que auxilia criar
 componentes baseada no HTML
15. JSX não é obrigatório 
 mas facilita demais o trabalho
16. Um exemplo de implementação
 mais antiga que vemos em projetos
18. Agora a mesma forma 
 utilizando o componentes do ReactJS
20. E uma mesma implementação utilizando apenas funções
22. E uma mesma implementação utilizando apenas funções
23. Use cases
24. Utilizar o ReactJS 
 em um projeto legado é fácil
25. https://reactjs.org/docs/try-react.html
26. https://reactjs.org/docs/add-react-to-an-existing-app.html
27. Existem excelentes alternativa mais integradas ao Rails
28. https://rubygems.org/gems/react-rails
29. https://github.com/reactjs/react-rails
30. E formas mais modernas
 de se utilizar dependências JS
31. https://webpack.js.org/
32. https://github.com/rails/webpacker
33. Começando?
34. Pensar em isolar sempre 
 que possível seus componentes
35. Buscar uma referência
 e discutir soluções costuma ajudar
36. Comece simples e evolua organicamente conforme a necessidade
37. Obrigado!