Upgrade to Pro — share decks privately, control downloads, hide ads and more …

Rails & ReactJS - Use case e estratégias

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

1fb6cf1869fd18b454f379814da98d90?s=128

Daniel Vinciguerra

April 28, 2018
Tweet

Transcript

  1. Rails & ReactJS Use case e estratégias Daniel Vinciguerra

  2. None
  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

  8. None
  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

  17. None
  18. Agora a mesma forma 
 utilizando o componentes do ReactJS

  19. None
  20. E uma mesma implementação utilizando apenas funções

  21. None
  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!