Como manter a saúde do seu projeto JS (e a sanidade do seu time)

Apresentação originalmente feita no "Brasília Dev Festival", tratando sobre ferramentas que possibilitam a sobrevivência do seu projeto JS durante mais tempo, como integração contínua, linters e testes.

Transcript

1. mantendo a saúde do seu projeto JS e a sanidade do seu time
2. GUILHERME GVARANDAS JIROTHEONE NOVATICS/BB
5. organização padronização consistência
6. organização
7. nomenclatura
8. modularidade
9. padronização
10. TABS SPACE
11. como garantir padrões
12. como garantir padrões - combine com seu time
13. como garantir padrões - combine com seu time - agrida seu colega que não seguir
14. como garantir padrões - combine com seu time - agrida seu colega que não seguir
15. como garantir padrões - combine com seu time - agrida seu colega que não seguir - utilize ferramentas que facilitem sua vida
16. consistência de estilos entre projetos entre editores editorconfig
17. .editorconfig
18. eslint lint originado de um utilitário do Unix que examinava códigos em C à procura de erros.
19. - configurável - extensível lint originado de um utilitário do Unix que examinava códigos em C à procura de erros. eslint
20. .eslintrc
21. extensível configurável .eslintrc
22. client eslint seuArquivo.js plugins vscode, atom, sublime eslint
24. opinionated code formatter impõe uma estilização consistente prettier
25. prettier
27. prettier.eslintintegration
28. consistência
29. consistência “estado ou caráter do que tem coerência, credibilidade, estabilidade etc.”
30. style choices and project patterns personal attack? developer
31. testes integração deploy automatização consistência
32. bdd – behavior-driven development descrição comportamento “gostaria que fizesse x ou y” assertion comparação “se x, então y” testes
33. assertion bdd testes
34. bdd assertion jasmine jest mocha chai testes
35. automatização git hooks npm scripts ??? profit
36. ciclo de eventos client: pre/post server: pre/post git hooks
37. ciclo de eventos client: pre/post commit server: pre/post receive git hooks
38. client server pre-* post-* eslint testes proteger branches verificação branches notificação para o time
39. pre-commit executando eslint git hooks
40. pre-commit executando eslint git hooks
41. ciclo de eventos (hooks) customizáveis (npm run) npm scripts
42. ciclo de eventos preinstall postinstall prepare eventos nativos npm scripts
43. ciclo de eventos build prebuild start implementados npm scripts
44. npm scripts
45. task runners grunt gulp
47. gulpfile.js
48. integração
49. continuous integration? delivery? deployment? integração
50. continuous integration entregas constantes testes linter
51. continuous delivery deploy automatizado
52. continuous deployment release para cliente
55. gitlab pipeline - sem necessidade de infra - altamente configurável - amigável
56. gitlab pipeline
57. gitlab pipeline commit .gitlab-ci.yml - linting - testes - build - deploy CI trigger
59. .gitlab-ci.yml preparação - docker node - tarefas - cache
60. .gitlab-ci.yml consistência - linting - testing
61. .gitlab-ci.yml integração - build - deploy
62. .gitlab-ci.yml DEPLOY?
65. deploy
66. deploy - npm install - npm start
67. e o build?
68. deploy - npm install - npm start npm scripts to the rescue!
69. deploy
73. organização padronização consistência
74. criar novos problemas para perpetuar nosso trabalho
75. criar novos problemas para perpetuar nosso trabalho entregar valor ao negócio
76. tinyurl.com/gvarandas-ci
77. É NOIS VALEU