Como vocês fazem CI/CD de apps em React?

[wilsongomes-swe]

Fala galera,
tudo bem?

Sou programador a mais tempo com .Net e faço pipelines no Azure DevOps para aplicações .net tranquilo...

Porém gostaria de saber como vocês fazem, quais ferramentas usam, para pipelines de apps em React?
Principalmente referente a ambientes on premise...

Em busca de insights e opiniões.

Abraços.

[wmartins]

Tu tem alguma dúvida específica sobre? Achei a pergunta bem ampla, mas vou tentar colocar algumas coisas que já usei para a discussão.

Trabalhei em um projeto onde usávamos Jenkins para fazer o build da aplicação. No nosso caso, fazíamos o build usando um container Docker com todas as dependências (node, npm e algumas outras libs do próprio SO). Pelo que eu me lembre o que possibilitava isso era o Docker Plugin.

Usávamos a versão open source do Nexus como gerenciador de artefatos (para pacotes internos de npm e para imagens Docker).

Em um outro projeto trabalhei com Circle CI (não on premise, mas acho que vale para a discussão), mas também usando os builds com Docker. A diferença é que tínhamos que ter alguns comandos de npm install e apt-get para podermos "acertar" o container de build. Coisa que não era necessária nesse projeto com Jenkins, já que essa imagem já estava pré buildada.

---

Em um resumão, normalmente os pipelines em si são bem simples, tendo npm e node (que tu pode instalar com nvm por conveniência), fica bem fácil de automatizar tudo via npm scripts ou uma meia dúzia de shell scripts.

Claro que dependendo do teu projeto (se tem server side rendering, por exemplo), talvez vai ter alguma coisa ou outra que vai ter que ser mockada/configurada, mas no geral, falando somente do build estático do React, é bem tranquilo.

[tcelestino]

Em um projeto atual, utilizamos também o Jenkins para o pipeline, que a partir de vários docker-compose, que usamos para rodar os testes, para gerar os build do next.js e fazer o upload dos arquivos estáticos para a CDN e após todo processo, subimos a imagem para o nosso serviço de "orquestração" de containers (no caso, o swarm).

Em tese, se não tiver fazendo um SSR (nosso caso), você só precisa ter no seu pipeline o próprio npm run build (se tiver utilizando o create-react-app, já tá configurado) e rodar o npm start dentro do seu container.

[wilsongomes-swe]

Show, @wmartins não tinha uma dúvida específica não, mais pela discussão e opiniões de como fazem.
Aqui por hora fizemos em Azure DevOps e um agent/serviço local em nosso servidor on premise que é windows, assim nem precisamos mandar os arquivos, o próprio agente já baixa e faz os jobs de relesase.

Estamos estruturando um deploy no Jenkins também para vermos ambos funcionando e ver qual vai ser melhor para nós.

@tcelestino legal, aqui vamos testar o Jenkins também.

Abraços

[ninetails]

O bom de usar Circle CI/Travis CI é que são ferramentas online. Infelizmente só as usei para projetos open source (repo público) que dá pra usar gratuitamente e o bom é que integram com o GitHub, dá pra deixar triggers quando por exemplo abrem Pull Request.

Num dos trampos já cheguei a usar Buddy, creio que funcione tanto pra CI quanto pra CD. Em anteriores, também usei Pipelines do GitLab.

Pra brincar (estudar) cheguei a criar algumas GitHub Actions, o bom é que como ainda tá em beta, tá open pra usar. Cheguei a usar pra rodar npm scripts previamente configurados com lint, test e teste e2e. E configurar foi bem fácil mas precisa ter liberado o beta testing do GitHub. Daí ele mostra numa tab do repositório e também configurando o workflow para algum hook como PRs. Por trás sobe um Docker, tranquilo. Deve ser sussegado também criar alguma action para CD e rodar quando criar um release. Mas ressalto: tá em beta.