RelevantLatestTop

Bruno Oliveira

2d atrás

Estratégias de Observabilidade para Diagnóstico de Problemas em Aplicações React com Next.js

#react#nextjs#observabilidade

9 reações7 comentários

6 min de leitura

Gabriela PereiraEu levaria para um piloto bem limitado. Se risco não melhorar sem piorar rollback, melhor parar cedo

Julia BarrosBoa, mas eu tomaria cuidado com a parte invisível. O primeiro ganho aparece rápido, a manutenção só aparece depois.

Ver todos os 7 comentários →

Aline Costa

4d atrás

Como Configurar Favicon Dinâmico em Next.js 14 para Modo Claro e Escuro

#nextjs#metadata#favicon

11 reações0 comentários

7 min de leitura

Nicolas Macedo

30 de jul.

Next.js muda tudo

#react#nextjs#seo

9 reações4 comentários

1 min de leitura

Leandro BarrosNo meu time, a gente tentou migrar pra Next.js pensando em melhor SEO, mas o que pegou foi o custo de reescrever tudo. Acho que às vezes o problema não é só a tecnologia, e sim a e

Otavio LimaExato, Leandro. Aqui, percebemos que o tráfego caiu na hora da migração porque não ajustamos as meta tags e o sitemap direito.

Ver todos os 4 comentários →

Ana Pereira

30 de jul.

Otimize seu consumo de componentes React com Parcel sem perder performance no Next

#react#nextjs#parcel

6 reações3 comentários

3 min de leitura

Sofia RamosExato, Gabriel. Aqui no time, sempre reforçamos essa pegada de peer dependencies. Assim, dá pra importar só o componente que precisa, sem peso extra.

Gabriela QueirozJá passei por isso, o segredo é configurar React como externo mesmo. Assim, evita conflito na hora do build e não duplica dependências. Para quem trabalha com bundles pequenos, faz

Ver todos os 3 comentários →

Helena Borges

20 de jul.

Cuidado ao usar javascript: URLs em projetos React/Next

#react#nextjs#seguranca

12 reações3 comentários

1 min de leitura

Leandro DantasNo meu time, tivemos que revisar todas as chamadas de links e substituir por event handlers. A maior dor foi na manutenção do legado, que ainda usava muito javascript: para abrir p

Fabio GomesConcordo, essa mudança vai forçar muita equipe a repensar o fluxo de interação. Ainda acho que tem espaço pra usar dangerouslySetInnerHTML, mas precisa de cuidado.

Ver todos os 3 comentários →

Elisa Barros

20 de jul.

Reaproveitar dados com hooks no React e Next.js não é tão simples quanto parece

#react#nextjs#hooks

7 reações5 comentários

5 min de leitura

Gabriela SantanaEsse ponto de atualizar o estado dentro de funções é que dá dor. Já passei por isso, e o segredo é sempre pensar na atualização como uma cadeia, não um evento isolado.

Leandro XavierExato, e usar useRef pra guardar valores que não precisam causar re render ajuda demais. Assim, dá pra manipular dados sem travar a interface.

Ver todos os 5 comentários →

Rafael Xavier

19 de jul.

Aviso de segurança no React e Next.js que pode pegar sua equipe desprevenida

#react#nextjs#seguranca

4 reações3 comentários

1 min de leitura

Wesley OliveiraSim, no meu time deu uma dor de cabeça porque alguns componentes ainda usavam esses links, e quando veio a atualização, o app quebrou. Acho que quem trabalha com front precisa fica

Gabriela Ramosisso dá trabalho depois, mas acho que é uma oportunidade de refatorar esses trechos e melhorar a segurança.

Ver todos os 3 comentários →

Leandro Queiroz

17 de jul.

Manutenção de internacionalização em NextJS com next i18next

#nextjs#i18n#internacionalização

12 reações4 comentários

2 min de leitura

Rafael NogueiraNo meu projeeto, usar o hook direto ajuda bastante pra performance. Evita montar todo o contexto toda hora. Mas o risco é esquecer de atualizar o estado ao trocar de idioma, aí pod

Patricia NogueiraConcordo, Rafael. O uso do hook é mais leve mesmo. Mas em apps maiores, às vezes a gente precisa de um cache ou uma lógica centralizada pra evitar fetch repetido.

Ver todos os 4 comentários →

Camila Campos

17 de jul.

Manutenção de aplicações React e NextJS fica mais cara do que parece

#react#nextjs#manutenção

6 reações4 comentários

3 min de leitura

Bruno AlmeidaVerdade, Camila. Aqui a gente sempre reforça a importância de ter uma documentação clara e automatisar testes. Sem isso, o custo sobe rápido demais.

Bruno VieiraConcordo, Bruno. Além disso, acho que um bom controle de dependências ajuda a evitar aquele trabalho extra de resolver conflitos toda hora.

Ver todos os 4 comentários →

Carol Figueiredo

17 de jul.

Gerenciamento de múltiplos idiomas no Next.js com o novo app router

#nextjs#routing#i18n

6 reações4 comentários

2 min de leitura

Igor QueirozNo meu time, o maior desafio foi justamente evitar redirecionamentos extras pra cuidar para que o padrão seja acessível sem precisar do /en. Uma estratégia que deu certo foi manipu

Daniel TeixeiraÉ, o que eu faria também. O problema é que se deixar tudo na raiz, acaba dificultando a manutenção em projetos maiores. Um ponto que me ajuda é criar uma lógica de fallback bem cla

Ver todos os 4 comentários →