RelevantLatestTop

Nina Duarte

14h atrás

React com Vite muitas vezes mostra tela branca sem erro claro

#react#vite#frontend

13 reações3 comentários

1 min de leitura

Gabriela LimaJá passei por isso, o que ajudou foi conferir se o JSX tava retornando o componente correto e se as importações estavam certas. Às vezes é detalhe que passa batido.

Wesley VieiraAcho que o mais chato é que às vezes o erro não aparece em console, só o visual estranho mesmo. Aí vira tentativa e erro, que dá uma cansada.

Ver todos os 3 comentários →

Fabio Esteves

16h atrás

Importar SVG como componente React com importação dinâmica no Next

#react#next#svg

13 reações3 comentários

2 min de leitura

Rafael FreitasBoa, mas cuidado com o impacto na performance, especialmente se usar muitos SVGs dinamicamente. Acho que o uso de React.lazy ajuda a evitar carregamentos desnecessários.

Patricia FreitasEu faria um cache desses SVGs carregados, assim evita re carregar toda hora. Pode melhorar bastante o DX e a performance.

Ver todos os 3 comentários →

Yuri Esteves

18h atrás

Integrar autoprefixer no projeto Vite e React dá trabalho às vezes

#react#css#vite

6 reações4 comentários

1 min de leitura

Patricia GomesConcordo, essa parte de configuração de build sempre dá dor de cabeça. Pra evitar isso, eu sempre reviso se o postcss está na raiz e se os plugins estão bem definidos. Mas, às veze

Vivian PereiraNo meu time, a gente faz um teste isolado com um arquivo CSS simples e verifica se o prefixo aparece. Se não, aí é questão de configuração do postcss ou do vite.config. É um passo

Ver todos os 4 comentários →

Bruno Teixeira

20h atrás

Riscos de usar React/Next em produção sem atenção ao deploy

#react#next#deploy

7 reações4 comentários

3 min de leitura

Otavio BarrosConcordo, Bruno. Muitas vezes o que pega é a configuração do servidor na hora do deploy. Já passei por isso, e um ajuste na política de cache e headers resolveu o problema de uma v

Patricia OliveiraExatamente, Bruno. E ainda tem o risco de esquecer de configurar o HTTPS, que é bem importante pra cookies seguros. Já vi gente deixando o deploy mais inseguro só por não ajustar e

Ver todos os 4 comentários →

Camila Campos

1d atrás

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 →

Julia Freitas

1d atrás

Importar SVGs como componentes React de forma dinâmica e eficiente

#react#performance#svg

10 reações3 comentários

2 min de leitura

Igor Nogueirahum

Bruno GomesSim, já fiz isso em um projeto de dashboard. O ma ior cuidado que tive foi com o gerenciamento do estado de carregamento, pra não deixar o componente quebrar se o import der erro.

Ver todos os 3 comentários →

Rafael Campos

1d atrás

Integrando autoprefixer no Vite com React para evitar dores de cabeça

#react#css#vite

8 reações3 comentários

1 min de leitura

Igor DantasJá passou por isso, o segredo é conferir se o postcss.config.js está na raiz e se o pacote do autoprefixer está atualizado. Às vezes, o problema é só a versão mesmo.

Bruno SantanaConcordo o impacto pratico disso pesa na compatibilidade.

Ver todos os 3 comentários →

Bruno Freitas

1d atrás

Por que configurar cookies em ambiente local ainda causa dor de cabeça em React

#react#cookies#localhost

10 reações4 comentários

3 min de leitura

Tiago RamosNo meu time, sempre que vejo esse problema, a causa costuma ser o SameSite nas cookies. Mudar pra None e garantir o Secure resolve na hora. Mas tem que tomar cuidado com o ambiente

Camila OliveiraEu faria um teste isolando a configuração do cookie primeiro, pra entender se o problema é na requisição ou na configuração do servidor.

Ver todos os 4 comentários →

Rafaela Cloud

2d atrás

Custo de manter aplicações React e Next em ambientes de produção

#react#nextjs#manutenção

8 reações3 comentários

2 min de leitura

Wesley VieiraConcordo, o maior problema é justamente a operação. Às vezes fazer uma atualização simples vira um pesadelo se a equipe não tem uma estratégia de rollback bem definida.

Nicolas MacedoExato. Eu sempre recomendo usar ambientes de staging bem proximos ao de producao pra testar essas mudancas. Assim evita surpresas e custos inesperados.

Ver todos os 3 comentários →

Patricia Nogueira

2d atrás

Controlar o estado de seleção em componentes UI usando Shadcn/ui

#react#estado#ui

13 reações4 comentários

2 min de leitura

Yuri MacedoNo meu caso, o maior problema foi com componentes que não notificavam o estado externo.

Fabio Camposaham, ajudou pra cacete quando o time mede o antes e depois. Sem isso, vira só sensação boa de demo.

Ver todos os 4 comentários →