RelevantLatestTop

Elisa Santana

6h atrás

Resolvendo o erro "Cannot GET /" no webpack-dev-server em projetos React/Next

#react#next#webpack

9 reações4 comentários

5 min de leitura

Nicolas GomesBoa, mas cuidado com as rotas em produção. Se for uma aplicação com rotas SPA, precisa cuidar para que o servidor redirecione tudo pro index.html.

Camila OliveiraConcordo, Nicolas. No meu time, sempre ajustamos o servidor ou o proxy pra fazer o fallback pro index, especialmente ao usar webpackdevserver ou servidores simples.

Ver todos os 4 comentários →

Patricia Xavier

7h atrás

Como Diagnosticar Problemas de Resolução de Módulos no React durante o Build com react-scripts

#react#build#dependencias

14 reações4 comentários

5 min de leitura

Patricia TeixeiraNo meu time, já passei por isso várias vezes. Geralmente, o problema era uma dependência não instalada corretamente. Reiniciar o node_modules e o cache costuma ajudar bastante. Mas

Daniel Macedofoi caraaaaai

Ver todos os 4 comentários →

Camila Xavier

11h atrás

Estratégias para Migração Gradual de Frontends React em Aplicações Next.js sem Impactar Performance

#react#nextjs#migração

9 reações4 comentários

7 min de leitura

Ana XavierGostei da abordagem, especialmente o uso de rotas condicionais. No meu time, a maior preocupação é sempre evitar impacto na performance, então esses testes são essenciais.

Julia VieiraSó cuidado com o aumento na complexidade de rotas. Tem que cuidar para que o time está alinhado na manutenção desses pontos de entrada diferentes.

Ver todos os 4 comentários →

Camila Ramos

6d atrás

Gerenciamento de rollback em atualizações de componentes React para minimizar riscos

#react#manutenção#rollback

5 reações3 comentários

6 min de leitura

Wesley VieiraBoa dica, mas acho que em projetos com muitas dependências, o rollback de componentes isolados nem sempre resolve. Tem que pensar na sincronização do estado global também.

Bruno PereiraConcordo, Wesley. Aqui no time, usamos feature toggles pra evitar rollback completo. Assim, conseguimos isolar o impacto e testar em produção antes de desativar.

Ver todos os 3 comentários →

Gabriela Oliveira

6d atrás

Gerenciamento de Estado em React - Como evitar armadilhas comuns na sincronização de dados

#react#performance#estado

10 reações5 comentários

5 min de leitura

Julia QueirozBoa dica, Fabio. Eu também faço assim, mas às vezes o desafio maior é decidir quando usar uma biblioteca de gerenciamento global ou se dá pra resolver com hooks.

Daniel BarrosEntendo a empolgação com React/Next, mas eu olharia primeiro para rollback. Se isso não fica claro, a novidade só troca um gargalo por outro.

Ver todos os 5 comentários →

Patricia Teixeira

20 de ago.

Evitar que o html-webpack-plugin Substitua o index.html na build de React com Webpack 4

#react#build#webpack

10 reações4 comentários

5 min de leitura

Sofia BarrosJá passei por isso, o problema era cache mesmo. Limpar a pasta e reiniciar o devserver resolveu na hora.

Wesley RamosTambém achei que o problema era cache do webpack. Limpar tudo antes do build ajuda bastante.

Ver todos os 4 comentários →

Bruno Freitas

20 de ago.

Gerenciar o custo de manutenção de chamadas API em aplicações React com SSR

#react#api#manutenção

7 reações4 comentários

4 min de leitura

Otavio AlmeidaBoa, mas acho que a maior dor mesmo é quando o endpoint muda sem aviso e a API fica inacessível. Como vocsê fazem pra monitorar isso na rotina?

Bruno OliveiraNo meu time, eu faria um fallback no frontend pra exibir uma mensagem mais amigável enquanto tenta novamente ou informa o usuário.

Ver todos os 4 comentários →

Gabriela Gomes

17 de ago.

Gerenciamento de listas dinâmicas no React com foco em operações de adicionar e remover elementos

#react#uuid#estado

11 reações3 comentários

6 min de leitura

Fabio RamosBoa dica, usar UUID realmente evita esses conflitos chatos com IDs. Aqui no time, sempre reforço isso pra evitar bugs de identidade.

Wesley OliveiraNo meu time, a maior dor é cuidar para que o key do React seja o ID mesmo. Além disso, é bom sempre pensar na performance quando o volume aumenta.

Ver todos os 3 comentários →

Ana Lima

15 de ago.

Gerenciamento de Estado em Aplicações React com Next.js para Evitar Problemas de Risco em Produção

#react#nextjs#gestaodeestado

11 reações3 comentários

6 min de leitura

Tiago AlmeidaNo meu time, a maior dor é sincronizar o cache com API. Uso React Query pra isso, ajuda a evitar estados desatualizados.

Rafael PereiraEsse ponto de usar useReducer faz toda a diferença na manutenção. Já passei por isso de estados inconsistentes por causa de múltiplas chamadas assíncronas.

Ver todos os 3 comentários →

Gabriela Pereira

12 de ago.

Garantindo Tipagem Definitiva de Parâmetros de Rota em React com TypeScript

#react#typescript#routing

9 reações5 comentários

7 min de leitura

Rafael XavierConcordo. Além disso, acho importante mapear bem as rotas e entender onde o parâmetro pode estar ausente. Assim, o código fica mais previsível.

Elisa Oliveiraresolveu lindamente alguém já viu isso rodando com usuário real e suporte em cima?

Ver todos os 5 comentários →