Usando GraphQL para reduzir complexidade no front e no back

Talk apresentada no meetup da ReactBr - React #19 - Especial React na Nextel

https://www.meetup.com/ReactJS-SP/events/247655954/?_xtd=gatlbWFpbF9jbGlja9oAJDE2ZWQ0ZWViLThmZjQtNDZjNi05MmE5LTNmNDNhOGEyMmRlMQ&_af=event&_af_eid=247655954&https=on

Transcript

1. Usando GraphQL para reduzir complexidade no front e no back React #19 - Especial React na Nextel - fev/2018
2. Kete Martins Rufino - @ketemr Graduada em Sistemas de Informação - Fa7 - CE Engenheira de Software na @nubankbrasil Marina Limeira - @marinalimeira_ Graduanda em Ciências da Computação da PUC-SP Engenheira de Software na @nubankbrasil
3. • Cartão • Conta • Rewards • ( + )
4. Stack
5. Como era no início...
6. Android iOS
7. Android iOS A1 A2 i1 i2
8. NuConta
9. Porque React Native? App iOS com funcionalidades atrasadas
10. Porque React Native? App iOS com funcionalidades atrasadas WebApps não foram considerados
11. Porque React Native? App iOS com funcionalidades atrasadas WebApps não foram considerados Solução tinha que ser nativa
12. Porque React Native? App iOS com funcionalidades atrasadas WebApps não foram considerados Solução tinha que ser nativa Backoffice feito com ClojureScript + React
13. S1 S2 S3 CONTA CARTÃO REWARDS
14. GraphQL
15. GraphQL Linguagem de consulta de dados para a sua API
16. GraphQL Linguagem de consulta de dados para a sua API Criada pelo Facebook em 2012 (não é tão nova quanto pensamos… )
17. GraphQL Linguagem de consulta de dados para a sua API Criada pelo Facebook em 2012 (não é tão nova quanto pensamos… ) Definição de schema (tipagem ✨)
18. GraphQL Linguagem de consulta de dados para a sua API Criada pelo Facebook em 2012 (não é tão nova quanto pensamos… ) Definição de schema (tipagem ✨) Retorno dos dados totalmente previsíveis
19. insomnia.rest
21. GraphQL GraphQL (Lacinia) S1 S2 S3 CONTA CARTÃO REWARDS
22. NuConta react-test-render
23. Dúvidas? http://sou.nu/vagasnu
24. Obrigada! Kete Martins Marina Limeira