Por que (às vezes) você deve reinventar a roda!

Por muitas vezes tive dificuldade ao escolher uma tecnologia pois sempre havia uma preocupação de se utilizar a mais "famosa", por achar que era a melhor escolha.

Porém eu comecei a me questionar se realmente aquela tecnologia era a melhor escolha para o meu projeto, e se eu iria utilizar tudo ou uma parte considerável dessa ferramenta, e na maioria das vezes, não utilizava!

A ideia dessa palestra é mostrar, com o auxílio de alguns exemplos, que algumas funcionalidades que desenvolvemos não precisam necessariamente de um framework/biblioteca, mas sim umas boas 3 linhas de código.

Transcript

1. Por que (às vezes) você deve reinventar a roda!
2. Paulo Henrique da Silva Natural de Barra Bonita Ciência da Computação Desenvolvedor na Plataformatec twitter.com/EuSouUmPaulo speakerdeck.com/pauloplataformatec linkedin.com/in/paulohenriquedasilva
3. Fatos sobre Barra Bonita ~ 36.320 habitantes Ponte Campo Sales Rio Tietê (É limpo) Passeio de eclusa
4. Temos Vagas! http://careers.plataformatec.com.br/
5. Sobre o que vou falar hoje? • Vou falar um pouco da visão que eu tinha e a que tenho atualmente de frameworks e libraries • Dar alguns exemplos de quando eu acho interessante utilizarmos e quando não, baseado no que vi até agora • E depois eu gostaria de ouvir a sua opinião :)
6. Minhas primeiras utilizações de framework
7. Front-End Back-End Minhas primeiras utilizações de framework Stack
8. Front-End Back-End Minhas primeiras utilizações de framework Stack
9. gem install transport-stuffs (hipoteticamente) Feito! Um exercício mental (Falta implementar a roda)
10. Apenas por curiosidade, o que esse framework oferece? roda :) volante... motor... câmbio... Rádio MP3... Escapamento...
11. Por que eu escolhi usar algo tão grande para um problema tão pequeno?
12. • Porque foi mais fácil; • Porque já estava pronto; • Tinha uma comunidade cuidando; • Era mais estável e mais seguro; • Foi mais produtivo;
13. E eu acho tecnologias novas algo fascinante
14. Um diálogo comigo mesmo
15. Um diálogo entre desenvolvedores Paulo, o que acha de usar jQuery para uma tela de busca?
16. Um diálogo entre desenvolvedores Nossa, ninguém mais usa isso, tem que usar React
17. Um diálogo entre desenvolvedores Hm… Já ouvi falar, mas o que é isso?
18. Um diálogo entre desenvolvedores É uma biblioteca do Facebook que te permite criar componentes reutilizáveis.
19. Um diálogo entre desenvolvedores Só precisa adicionar o React e React DOM na sua página web.
20. Um diálogo entre desenvolvedores Calma aí, por que duas bibliotecas?
21. Um diálogo entre desenvolvedores Uma é a biblioteca em si e a outra é para você manipular o DOM usando JSX
22. Um diálogo entre desenvolvedores JSX?
23. Um diálogo entre desenvolvedores JSX é tipo um XML para descrever o DOM. Sei lá, é tipo um HTML melhorado.
24. Um diálogo entre desenvolvedores Ué, mas qual o problema do HTML?
25. Um diálogo entre desenvolvedores Cara estamos em 2019… Ninguém mais escreve HTML diretamente
26. Será que é sempre verdade?
27. Eu segui o caminho mais legal, mas: ◦ Não aprendi como uma requisição POST funciona; ◦ Não aprendi criar um elemento form HTML; ◦ Eu não aprendi como o HTTP funciona; ◦ Não aprendi usar banco de dados sem ActiveRecord; ◦ Não aprendi buscar elementos no DOM sem jQuery/JSX;
28. E isso é um problema? (Depende)
29. Benefícios de utilizar algo pronto: • Gasta-se menos tempo para resolver problemas; • Muita gente usa, bugs são reportados com mais frequência; • Utilizamos padrões ao invés de definir os nossos; • Vai nos poupar de decisões;
30. Malefícios de utilizar algo pronto: • Leaky abstraction; • Bugs da dependência adicionada podem aparecer; • Pode inchar a nossa aplicação; • Pode desestabilizar a nossa aplicação;
31. Adicionar uma dependência é como assinar um contrato
32. Mas é muito difícil fazer as coisas do zero :( (Será que isso sempre é uma verdade ?)
33. Não necessariamente... Nós finalmente finalizamos a remoção do jQuery do frontend do GitHub. E o que nós colocamos no lugar? Nenhum Framework
34. Isso quer dizer que jQuery é ruim? (Não! Quer dizer que o GitHub teve 2 excelentes decisões)
35. Browsers no passado eram complicados 2007 - GitHub adiciona jQuery GitHub remove jQuery - 2018 Maior incompatibilidade dos Browsers + Time to Market + Time Pequeno Ótima escolha Menor incompatibilidade dos Browsers + Investimento em “House clean” + Time maior Opcional
36. querySelectorAll // jQuery var myPp2Items = $('.my-pp2-items'); // Vanilla JS var myPp2Items = document.querySelectorAll('.my-pp2-items'); jQuery 3.3.1 minificado: 87KB JavaScript Vanilla: 0KB
37. Fundamentos podem ser seus aliados!
38. “Como posso fazer X ?” > “O que acha de utilizar o framework Y ?” Fundamentos podem ser seus aliados
39. “Como fazer X utilizando o Framework Y” Fundamentos podem ser seus aliados > “Você não pode” > “Você não pode fazer X, mas que tal Z?”
40. • Tente entender o conceito por trás do sistema de rotas do Express.js, como o HTTP funciona; • Aprenda a escrever SQL, pode te ajudar muito na hora de otimizar queries do ActiveRecord; • Um bom entendimento sobre HTML, CSS e Javascript podem auxiliar na escolha de tecnologias como React, Vue.js, Angular, Bootstrap e jQuery; Fundamentos podem ser seus aliados
41. users = User.all users.count # => (0.7ms) SELECT COUNT(*) FROM `users` users = User.all users.length # => (122.9ms) SELECT `users`.* FROM `users` users = User.all users.size # => (0.7ms) SELECT COUNT(*) FROM `users` Um exemplo bacana do ActiveRecord
42. users = User.all users.to_a # => (64.2ms) SELECT `users`.* FROM `users` users.size # => (0ms) 1600 Um exemplo bacana do ActiveRecord
43. Fundamentos demoram muito mais para se tornarem obsoletos
44. Paradigmas OOP e Funcional São bem antigos, mas até hoje são utilizados, sempre evoluindo
45. Frameworks podem parar de serem mantidos
46. Alguns exemplos yuilibrary.com
47. Alguns exemplos
48. Como posso tentar me prevenir nesses casos?
49. Como diminuir chance de ser pego de surpresa?
50. Como diminuir chance de ser pego de surpresa?
51. Como diminuir chance de ser pego de surpresa?
52. Como diminuir chance de ser pego de surpresa?
53. Ok, como eu posso decidir entre usar algo pronto ou não?
54. Core Business X Non Core Business Meu Core Business é autenticação? SIM NÃO Doorkeeper Warden
55. Referências • https://www.mikeperham.com/2016/02/09/kill-your-dependencies • https://dev.to/gypsydave5/why-you-shouldnt-use-a-web-framework-3g 24 • https://hackernoon.com/how-it-feels-to-learn-javascript-in-2016-d3a717 dd577f twitter.com/EuSouUmPaulo speakerdeck.com/pauloplataformatec linkedin.com/in/paulohenriquedasilva
56. Obrigado :) twitter.com/EuSouUmPaulo speakerdeck.com/pauloplataformatec linkedin.com/in/paulohenriquedasilva