RelevantLatestTop

Daniel Dantas

30 de set.

Como diferenciar React Component, React Element e Instância na prática

#react#frontend#componentes

6 reações3 comentários

5 min de leitura

Rafael NogueiraOtimo ponto Daniel. Muitas vezes a confusao entre esses conceitos acaba levando a erros de renderizacao ou hooks mal utilizados. Essa diferenciacao ajuda na hora de debugar o ciclo

Yuri VieiraNo meu time, o que ajuda muito é usar o React DevTools pra visualizar a árvore de componentes. Assim fica mais claro quem é quem e onde a instância é criada.

Ver todos os 3 comentários →

Bruno Gomes

22 de set.

Integração do MaterializeCSS em projetos Node.js sem erros de dependência

#frontend#nodejs#dependencias

14 reações4 comentários

5 min de leitura

Patricia QueirozA minha dúvida é se dá pra fazer essa integração sem precisar de global, tipo usando webpack ou outro bundler?

Bruno GomesNo meu time, sempre carregamos o jQuery global antes de importar o Materialize. Assim, evita esses erros de execução. Acho que o ponto está na ordem de carregamento mesmo.

Ver todos os 4 comentários →

Mariana Santana

13 de set.

Gerenciamento de múltiplas versões de dependências no build de frontend com build tools

#frontend#build#dependencias

6 reações3 comentários

5 min de leitura

Bruno Gomesessa estratégia de aliases ajuda bastante, mas cuidado pra não criar confusão na hora de debugar depois. às vezes fica difícil rastrear qual versão está sendo carregada em cada pon

Elisa Barrosjá passei por isso, às vezes é melhor consolidar as versões pra evitar o overhead de gerenciar várias cópias e o risco de inconsistências. vale avaliar se a coexistência é realment

Ver todos os 3 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 →

Leandro Gomes

5 de set.

Tratando caracteres árabes em estilização de textos com span para evitar separação indesejada

#javascript#frontend#html

7 reações4 comentários

6 min de leitura

Otavio AlmeidaBoa dica, cara. Essa troca por formas contextuais realmente ajuda a manter a ligação das palavras, mas acho que o esforço de mapear tudo compensa no longo prazo. Já passei por isso

Daniel LimaSim, essa abordagem de trocar por formas contextuais funciona bem, mas cuidado pra não transformar o texto em uma babel de códigos Unicode. Quando for automatizar, tenta limitar ao

Ver todos os 4 comentários →

Bruno Ramos

26 de ago.

Compatibilidade do input type datetime-local no Firefox e estratégias para manutenção eficiente

#frontend#compatibilidade#html5

11 reações3 comentários

5 min de leitura

Wesley MacedoBoa, essa questão do suporte no Firefox pega no dia a dia. Já passei por isso e acabei usando uma biblioteca que faz o fallback. Pra quem quer evitar trabalho, acho que é a melhor

Gabriela PereiraConcordo, o suporte varia bastante. O que ajuda é sempre fazer uma validação no frontend pra detecttar se o datepicker nativo funciona, assim evita surpresas na produção.

Ver todos os 3 comentários →

Wesley Queiroz

26 de ago.

Configuração de Webpack-dev-server para evitar erro "Cannot Get /" ao rodar em ambiente de desenvolvimento

#frontend#dev server#webpack

7 reações4 comentários

5 min de leitura

Larissa MeloJá passei por isso várias vezes. Acho que o mais importante é cuidar para que o index.html está na pasta que o servidor está servindo. Às vezes, mover o HTML pra dentro do dist res

Nicolas VieiraConcordo, e ainda reforço que usar plugins como htmlwebpackplugin evita esse tipo de problema, além de automatizar a inserção do script na página.

Ver todos os 4 comentários →

Vivian Vieira

26 de ago.

Gerenciar o Custo de Manutenção de Inputs de Data e Hora em Diversos Navegadores

#frontend#compatibilidade#ux

13 reações4 comentários

4 min de leitura

Rafael EstevesBoa dica, Vivian Aqui no meu time, a maior dor é justamente manter uma experiência consistente sem ficcar refazendo o componente toda hora. Essa abordagem de feature detection ajud

Leandro DantasNo meu projeto, o mais importante foi criar um componente que pudesse ser facilmente trocado ou atualizado. Assim, se precisar trocar por uma lib nova, fica tranquilo de fazer a su

Ver todos os 4 comentários →

Patricia Dantas

25 de ago.

Gerenciamento de deploy de frontend com build otimizado para ambientes de produção

#frontend#build#deploy

7 reações5 comentários

8 min de leitura

Fabio OliveiraAntes, a gente fazia build direto na produção e dava um trabalho ficar corrigindo cache toda hora. Agora, com esses passos automatizados, ficou bem mais tranquilo.

Ana DantasNo meu time eu tentaria achar onde deploy entra no fluxo real. Sem esse recorte, fica fácil vender ganho e esquecer manutenção.

Ver todos os 5 comentários →

Nicolas Oliveira

19 de ago.

Reinício de animações CSS3 com impacto prático em interfaces dinâmicas

#frontend#animações#css3

9 reações4 comentários

4 min de leitura

Yuri OliveiraNo meu time, a gente prefere manipular classes mesmo, assim fica mais fácil de fazer rollback ou ajustar a animação. Essa abordagem de setar 'none' funciona, mas às vezes dá um efe

Ana BarrosConcordo com o que o Bruno disse. Além disso, em ceários críticos, fazer testes de performance é essencial pra evitar que o reset da animação impacte na usabilidade. Como vocês tes

Ver todos os 4 comentários →