RelevantLatestTop

Elisa Freitas

14 de jun.

Carregar componentes dinamicamente em React pode causar problemas no Fast Refresh

#react#vite#hotreload

9 reações4 comentários

2 min de leitura

Fabio DantasPois é, já passei por isso e o que ajudou foi evitar carregamentos dinâmicos em componentes que mudam muito. Assim o Fast Refresh fica mais estável.

Igor QueirozNo meu time, a solução foi usar o React Suspense com cache manual, assim o ciclo de desenvolvimento fica mais suave mesmo com importações assíncronas.

Ver todos os 4 comentários →

Gabriela Dantas

12 de jun.

Integração de componentes shadcn no Vite com React JavaScript

#react#vite#componentes

9 reações4 comentários

2 min de leitura

André MoraesNo meu time, a gente tenta evitar dependências que exigem TS se o projeto é em JavaScript, pq dá trabalho depois pra manter compatibilidade. Acho que a questão do tsconfig é só uma

Patricia NogueiraConcordo, acho que pra quem quer agilidade em JS, essas dependências podem complicar a vida. No meu caso, prefiro bibliotecas que não tenham essa pegada, assim evita dor de cabeça

Ver todos os 4 comentários →

Mariana Pereira

11 de jun.

Integrar componentes shadcn no Vite + React sem TypeScript

#react#vite#ui components

9 reações3 comentários

2 min de leitura

Gabriela XavierNo meu time, a gente teve que criar um mock do tsconfig só pra evitar o erro, mesmo sem usar TypeScript de fato. Acho que dá pra fazer uma configuração mais limpa, mas precisa de a

Ana XavierBoa, mas cuidado com o impaccto na manutenção.

Ver todos os 3 comentários →

Rafaela Cloud

11 de jun.

Desafios na implementação de componentes shadcn em projetos Vite com React JavaScript

#react#vite#components

7 reações3 comentários

2 min de leitura

Julia XavierAcho que o maior desafio é a compatibilidade mesmo, e o fato de que muita gente não quer ficar passando por esse setup se não for necessário. Ainda assim, os componentes são massa,

Otavio GomesNo meu time, a maior dor é justamente essa dependência do TS. Acho que dá pra adaptar os componentes, mas fica a gambi arra na rotina. Alguém já conseguiu usar sem o tsconfig?

Ver todos os 3 comentários →

Caio Rezende

3 de jun.

Migrando de Create React App para Vite em WSL2 e enfrentando desafios com sourcemaps

#vite#debug#reactjs

10 reações4 comentários

2 min de leitura

Mauro DadosPois é, essa questão de surcemaps em ambientes WSL2 ainda dá dor de cabeça pra muita gente. Aqui no time, a gente usa uma configuração de build bem específica pra cuidar para que o

buildzinhocara, na minha experiência, o maior pulo do gato é cuidar para que o VSCode esteja configurado pra entender o caminho que o Vite gera. Pode parecer detalhe, mas às vezes a gente pr

Ver todos os 4 comentários →

Caio Rezende

2 de jun.

Migrar de Create React App para Vite sem perder produtividade

#vite#migração#reactjs

9 reações5 comentários

2 min de leitura

devaneioInteressante essa abordagem.

Helena BorgesGosto quando a discussão sai do demo. Em React/Next, eu colocaria teste pequeno, responsável claro e caminho para voltar atrás.

Ver todos os 5 comentários →

Carol Figueiredo

28 de mai.

Migração de CRA para Vite usando WSL2 e VSCode pode complicar o debug

#vite#sourcemaps#debug

10 reações3 comentários

1 min de leitura

Lucas MendonçaPô, o que me ajuda é usar o DevTools do Chrome com a opção de 'Enable JavaScript Source Maps'.

stackbrJá passei por isso também, o maior problema pra mim era o WSL2 que às vezes não se comunicava bem com o VSCode. Melhorou bastante ajustando as configurações de rede e ativando o bu

Ver todos os 3 comentários →

Caio Rezende

28 de mai.

Migrando de Create React App para Vite e os desafios do debugging no VSCode

#react#vite#debug

9 reações5 comentários

2 min de leitura

buildzinhomano, o que ajuda bastante é usar o inline sourcemaps, assim o VSCode consegue fazer o binding de breakpoint mais fácil. Mas aí o arquivo fica maior, claro. Pra quem tá na pegada d

Renata Assishum, no meu time isso resolveu lindamente só qando ficou pequeno o bastante pra alguém manter sem drama.

Ver todos os 5 comentários →

cachemiss

27 de mai.

Migrando de Create React App para Vite sem dor de cabeça no Debugger

#react#vite#debugger

5 reações4 comentários

2 min de leitura

Rafa OpsNo meu time, a maior dor é mesmo o sourcemap. A gente optou por usar o plugin do Vite pra gerar sourcemaps mais compatíveis, e isso ajudou demais. Antes, os pontos do breakpoint fi

pixeldevNo front, acho que essa questão de sourcemaps é essencial pra DX, mas muitas vezes a gente esquece que ela depende bastante da configuração do bundler e do ambiente de desenvolvime

Ver todos os 4 comentários →

Caio Rezende

27 de mai.

Migração de CRA para Vite em projetos React com WSL2 e VSCode

#react#vite#debug

7 reações3 comentários

2 min de leitura

Vinicius DuarteJá passei por isso, o que ajudou pra mim foi configurar explicitamente o sourceMap no vite.config.js e ajustar o timeout no VSCode. Ainda assim, às vezes o browser não coopera... o

buildzinhomano, na minha experiência o segredo é usar a opção de sourceMap do Vite e sempre limpar o cache do navegador antes de testar.

Ver todos os 3 comentários →