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

Pipeline de qualidade em aplicações frontend

Pipeline de qualidade em aplicações frontend

As aplicações que rodam no navegador, conhecidas como client-side ou frontend web, mudaram. Se tornaram grandes projetos que hoje demandam mais atenção para assuntos relacionados a arquitetura, integração contínua, publicação contínua e afins.

Durante algum tempo venho testando ferramentas e modos de integração que agora gostaria de compartilhar.

Nesta palestra, vamos conversar sobre como integrar novas features com qualidade, segurança e agilidade utilizando as ferramentas de CI e CD para o desenvolvimento frontend.

William Oliveira

July 06, 2022
Tweet

More Decks by William Oliveira

Other Decks in Programming

Transcript

  1. • 20 pessoas • 5 frontenders • Várias regiões •

    Fusos diferentes • Níveis de conhecimento Voluntariado
  2. Presentation Layer (components, views, pages) Business Layer (regras de negócio)

    Database Layer (API Integration, Application Storage) Arquitetura de software
  3. Baixar o repositório Instalar as dependências Configurar suas ferramentas (IDE,

    etc) Codificar Criar um commit Meter o push Fluxo de trabalho local
  4. GitHub templates (PR e issues) GitHub Workflows conventional PR dependabot-automerge

    ossar-analysis testes automatizados Dependabot Netlify Homologação no PR (build preview) Integração
  5. Precisão do design - storybook, homologação no PR Responsividade -

    storybook, cypress, react-testing-library homologação no PR Comportamento dos componentes - storybook, cypress, react-testing-library homologação no PR Performance - auditorias via Netlify Segurança - auditorias via OSSAR Revisão