Apresentado na React Conf Brasil, em São Paulo, 7 de Outubro de 2017 #reactconfbr Desenvolvedor apaixonado por web desde 2005 e amante do “Lean Thinking”, sempre utilizando Software Livre como PHP, Javascript, GNU/Linux e banco de dados NoSQL como MongoDB e Apache Solr. Forte background em Ops (Infra). Evangelizador de Drupal no mundo enterprise. Membro e colaborador da comunidade React, Drupal, Javascript, DevOps e Juju colaborando com módulos e patches. https://github.com/sebas5384 @sebas5384 - Patrocínio: Pipefy, Globo.com, Meteor, Apollo, Taller, Fullcircle, Quanto, Udacity, Cubos, Segware, Entria - Apoio: Concrete, Rung, LuizaLabs, Movile, Rivendel, GreenMile, STQ, Hi Platform - Promoção: InfoQ, DevNaEstrada, CodamosClub, JS Ladies, NodeBR, Training Center, BrazilJS, Tableless, GeekHunter - Afterparty: An English Thing

2. Sebastian Ferrari
@Taller / Montevideo, Uruguay
CTO & Co-fundador.
Twitter / Github: @sebas5384

3. Por que React é bom
para os negócios ?

4. React é uma tecnologia
para criar UI’s

5. Tecnologia é a aplicação de
conhecimento técnico ou
científico em forma de
ferramentas

6. UI
Função
Data
Usuário

7. Tecnologia tem o poder
de criar novas oportunidades
de negócio

8. A tecnologia certa, tem o poder
de criar novas oportunidades
de negócio

9. Benz Patent Motor Car:
Primeiro carro (1885–1886)

10. Influências do React

11. Previsibilidade

12. λ
Programação funcional e reativa
reduzem a complexidade

13. λ
Reduzem side-effects

15. Tempo

16. Usuário

17. Usuário Cliente

18. Usuário Dev Cliente

19. Menos complexidade ajuda a
encontrar bugs em menos tempo
e com menos side-effects

20. Aumento de interoperabilidade
API pequena e bem definida

21. Ecossistema

22. Testabilidade

23. Componentes são funções que se
comportam de acordo
com seus parâmetros

25. Diminui o custo de criação
de testes e seu tempo
de execução

26. Ferramentas consolidadas
com quase zero custo de setup

27. Jest

28. Escalabilidade

29. Uma tecnologia
várias plataformas

30. Reutilização de código

31. Menor quantidade de
arquivos vs. tecnologias
( css, js, html )

33. CSS
JS /
Markup

34. Diminui a separação entre
back-end e front-end

35. Front-end Back-end
JS

36. Robustez

37. Estabilidade:
boa cadência de releases e
upgrade paths

38. Comunidade crescendo
rapidamente
Slack BR

39. Comunidade tendo voz
BSD + Facebook

40. Usado em produção:

41. Usado em produção:

42. It was extremely difficult to change without causing
some side effect or bug somewhere else in the
application … When the team rebuilt it in React they
found that their rate of new bugs being introduced
had gone through the floor.
Spencer Ahrens
Facebook Ads

43. React has exceeded our requirements and enabled
us to build a tremendous foundation on which to
innovate the Netflix experience…
Fonte: https://medium.com/netflix-techblog/netflix-likes-react-509675426db
Netflix

44. Conclusão

45. Aumenta manutenabilidade

46. Diminui:
Custo de resolução de bugs.
Índice de bugs em produção.

47. Aumenta escalabilidade
do time de devs

48. Mantém o fluxo de entrega de
valor estável

50. Aumenta qualidade
da experiência do usuário

51. Obrigado !!
blog.taller.net.br/taller-contrata

52. Reference Links
This talk was influenced by this article
and experiences at Taller.
This template was created in partnership with
@isacjunior and are available at our Medium.