RelevantLatestTop

Vivian Vieira

6d atrás

Gerenciamento de Rollback em Atualizações de Frontend com React e Next.js

#nextjs#deploy#reactjs

5 reações4 comentários

6 min de leitura

Wesley EstevesExcelente ponto sobre controle de cache, ajuda demais na hora do rollback rápido. Já passei por situações onde o cache antigo causou problema mesmo revertendo a versão. Essa estrat

Elisa TeixeiraConcordo, Wesley. Além disso, acho que automatizar o rollback no pipeline de CI/CD evita aquele medo de fazer manual e esquecer de um passo importante.

Ver todos os 4 comentários →

Elisa Ramos

14 de ago.

Gerenciamento de múltiplas respostas em mocks do Jest para funções assíncronas com argumentos variáveis

#jest#mock#reactjs

6 reações4 comentários

7 min de leitura

Patricia SantanaConcordo, o maior problema que vejo é esquecer de resetar o mock, aí a resposta vira uma bagunça. Sempre uso jest.clearAllMocks no afterEach.

Sofia DantasBoa, essas dicas de usar jestwhen salvam bastante na hora de testar diferentes cenários. Já passei por isso e complicou muito sem essa ferramenta.

Ver todos os 4 comentários →

Gabriela Vieira

7 de ago.

Problemas ao Renderizar Componentes React em Elementos DOM Ainda Não Carregados

#carregamento#dom#reactjs

14 reações4 comentários

4 min de leitura

Wesley BarrosConcordo, Gabriel. Essa questão de ordem de carregamento pega muita gente no início, principalmente quem vem de outras tecnologias que não usam essa separação clara entre HTML e sc

Tiago RamosNo meu caso, o problema foi na configuração do webpack. Uma linha mal colocada e o React não encontrava o elemento.

Ver todos os 4 comentários →

Daniel Barros

3 de ago.

Como transformar componentes React em strings para uso em elementos de formulário

#frontend#internacionalização#reactjs

10 reações6 comentários

7 min de leitura

Elisa TeixeiraEu levaria para um piloto bem limitado. Se tempo de feedback não melhorar sem piorar teste pequeno, melhor parar cedo.

Elisa FreitasEu testaria isso pequeno antes de virar padrão.

Ver todos os 6 comentários →

Rafael Freitas

2 de ago.

Estratégias para navegar entre páginas em React sem aumentar o custo de manutenção

#roteamento#navegaçao#reactjs

14 reações3 comentários

5 min de leitura

Julia XavierJá passei por algo parecido. No papel React/Next parecia simples. na prática pesou em custo de manter.

Bruno XavierTem valor, só não compraria como regra geral. Precisa ficar claro quem opera, quem revisa e o que acontece quando falha.

Ver todos os 3 comentários →

Larissa Melo

24 de jul.

Como lidar com o erro __dirname não definido em módulos ES no React

#esm#debug#reactjs

10 reações3 comentários

2 min de leitura

Leandro MacedoPois é, no meu time a gente sempre faz esse esquema de criar o __dirname assim, ajuda a evitar confusão na hora do deploy também.

Sofia AlmeidaSim, e no meu time a gente tenta evitar usar muito código que depende de __dirname, pra ficar mais fácil migrar pra cloud ou serverless no futuro.

Ver todos os 3 comentários →

Fabio Barros

16 de jul.

Migração gradual em projetos ReactJS e os desafios de build com Vite

#vite#build#reactjs

8 reações4 comentários

2 min de leitura

Rafael FreitasNo meu time, o que ajuda é criar uma branch específica só para o build. Assim, dá pra testar sem afetar a main. Depois, é só fazer o merge quando estiver pronto.

Elisa AlmeidaExato e nao esquecer de verificar as versoes das dependencias as vezes uma atualizacao resolve ou piora o problema. Testar incrementalmente ajuda bastante tambem.

Ver todos os 4 comentários →

Julia Almeida

14 de jul.

Entendendo os Wrappers em ReactJS para Reduzir Riscos em Produção

#performance#componentes#reactjs

4 reações4 comentários

2 min de leitura

Daniel NogueiraExcelente ponto. Aqui no meu time, já passei por problemas de renderização lenta por causa de muitos wrapppers aninhados. O importante é fazer aquele cleanup e evitar criar camadas

Fabio VieiraConcordo, Daniel. Na revisão de código, sempre olho o impacto dos wrappers. Às vezes, uma simples refatoração ajuda bastante na performance e na estabilidade do app.

Ver todos os 4 comentários →

Julia Xavier

11 de jul.

Como lidar com o erro __dirname não definido em módulos ES no ReactJS

#caminho#es6#reactjs

6 reações3 comentários

1 min de leitura

Gabriela PereiraBoa, mas cuidado com o uso excessivo de paths, às vezes a gente consegue evitar acessos a arquivos direto na produção, pra não expor detalhes do sistema.

Vivian AlmeidaSim, e pra quem trabalha com serverless ou ambientes mais restritos, essa abordagem ajuda, mas precisa testar bem, pq qualquer alteração no caminho pode impactar o deploy.

Ver todos os 3 comentários →

Patricia Gomes

6 de jul.

Passar useRef para componentes filhos em React não gera erro, mas é a prática correta?

#melhores praticas#reactjs#ref

4 reações3 comentários

2 min de leitura

Igor FreitasAcho que o grande problema é que, na prática, essa abordagem pode virar uma bola de neve de referências, dificultando o controle das mudanças. Prefiro usar callbacks ou gerenciar o

Wesley EstevesConcordo com o Igor. Passei por isso e, no final das contas, complicou mais do que resolveu. Melhor usar o padrão de callbacks pra passar dados e manipular o DOM de forma controlad

Ver todos os 3 comentários →