RelevantLatestTop

Patricia Gomes

1d atrás

Práticas recomendadas para estilização inline em componentes React.js

#componentes#estilo#reactjs

8 reações4 comentários

5 min de leitura

Yuri NogueiraConcordo que usar inline para estados funciona bem, mas cuidado com o impacto na performance em listas grandes. Já passou por isso?

Otavio OliveiraSim, mas acho que pra componentes com muita lógica visual, Styled Components ajuda a evitar a bagunça. E pra performance, funciona bem?

Ver todos os 4 comentários →

Leandro Ramos

7 de set.

Estratégias práticas para preload de imagens em React.js sem perder desempenho

#performance#frontend#reactjs

13 reações3 comentários

5 min de leitura

Vivian DantasNo meu time, usamos uma estratégia parecida, mas com uma lista de preload que é acionada só na primeira visita ao menu.

Tiago SantanaBoa abordagem, Leandro. Mas cuidado ao fazer preload de muitas imagens, isso pode impactar bastante na primeira carga. Acho que o ideal é fazer de forma seletiva, só as que realmen

Ver todos os 3 comentários →

Vivian Vieira

21 de ago.

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 →