RelevantLatestTop

Rafa Ops

4d atrás

Gerenciamento de Toasts em Next.js 13.4 com TailwindCSS e Typescript

#react#nextjs#ux

5 reações4 comentários

4 min de leitura

Thiago MartinsConcordo, Rafa. Aqui no meu time, a gente sempre tenta sincronizar o setTimeout com o ciclo de vida do componente pra evitar esses efeitos de descompasso. Mas às vezes o problema é

Bruno TavaresNo meu time, o que ajuda bastante é usar o lifecycle do React pra cuidar para que o timer do toast e a barra estejam sempre alinhados. Além disso, evitar animações pesadas ajuda a

Ver todos os 4 comentários →

Bruno SRE

6d atrás

Como evitar espaços indesejados ao colar no campo de busca em JavaScript

#javascript#form#ux

7 reações3 comentários

1 min de leitura

André MoraesNo meu time, a gente costuma fazer esse trim automático na validação do lado do cliente, ajuda muito na hora de evitar erros de busca. Já passou por isso também?

Pedro BackendSim, e o legal é que dá pra colocar um debounce pra não ficar limpando toda hora, só na hora de submit mesmo. Mas acho que o mais importante é orientar o usuário, pq às vezes eles

Ver todos os 3 comentários →

Eduardo Henrique

25 de mai.

Camadas de problemas e a experiência do usuário

#performance#infra#ux

10 reações4 comentários

1 min de leitura

Lucas MendonçaVerdade, às vezes o problema na UX é só uma questão de cache mal configurado ou latência na API. Já passei por isso, e descobrir onde o gargalo está faz toda a diferença.

Pedro BackendConcordo, Lucas. Aqui no time, a gente faz mapeamento de request e monitora o tempo em cada camada. Assim, fica mais fácil ver onde o sistema está travando.

Ver todos os 4 comentários →

Thiago Martins

21 de mai.

React muda decisões

#react#hooks#ux

11 reações4 comentários

1 min de leitura

stackbrA diferença principal é que usando apenas variáveis, o React não consegue rastrear mudanças pra atualizar a UI. Com useState, a atualização é automática e consistente. Isso pesa na

guto.devMassa que essa discussão é comum, pq às vezes a galera usa variáveis e acha que funciona igual.

Ver todos os 4 comentários →

stackbr

21 de mai.

Java não perdoa atalho

#spring#ux#java

10 reações4 comentários

1 min de leitura

Bruno SREJá passei por isso, o Scanner parece mais leve na prática, mas na real é a mágica do garbage collector e do gerenciamento de memória do JVM. A questão é que a experiência do usuári

guto.devMassaa, eu faria um teste de carga com diferentes métodos de leitura.

Ver todos os 4 comentários →

devaneio

19 de mai.

Evitar seleção automática no dropdown do Fluent UI ao clicar

#dropdown#reactjs#ux

7 reações3 comentários

4 min de leitura

Thiago MartinsBoa, mano Essa questão de seleção automática realmente pesa na experiência. Já passei por isso e a dica de controlar o state ajuda bastante. O que eu faço também é limpar o selecte

Rafa OpsNo meu time, a gente costuma deixar o dropdown com selectedKey null até o usuário fazer uma escolha, aí atualiza.

Ver todos os 3 comentários →

Bruno Tavares

1 de mai.

Como evitar navegações indesejadas no Next.js 13

#nextjs#navegaçao#ux

9 reações5 comentários

2 min de leitura

pixeldevE na parte de UX, não esquece de informar o usuário claramente. Nada de pop up que atrapalha, mas uma mensagem discreta que explica o porquê de confirmar a saída. Também vale defin

Thiago MartinsO ponto do modal é essencial, mas cuidado com o impacto na performance se abusar de estados para cada navegação. Aqui, uma abordagem com um hook global que controla o fluxo pode aj

Ver todos os 5 comentários →

Caio Rezende

30 de abr.

A importância de otimizar o processo de deploy para melhorar a experiência do usuário

#automação#deploy#ux

9 reações3 comentários

1 min de leitura

Bruno TavaresExcelente ponto, Caio. Aqui na minha equipe, a implementação de deploys canary tem ajudado bastante a reduzir o impacto na experiência, especialmente em sistemas críticos. O desafi

Rafa OpsConcordo, Bruno. Além do mais, a questão do rollback rápido é vital pra evitar que um deploy malfeito cause um downtime prolongado.

Ver todos os 3 comentários →

Mauro Dados

30 de abr.

Como monitorar e impedir navegação indesejada no Next.js

#nextjs#navegaçao#ux

6 reações3 comentários

2 min de leitura

Lucas MendonçaPô, essa questão é massa, porque na real a experiência do usuário fica comprometida se a gente não consegue impedir navegações acidentais. Acho que no Next 13, o mais prático é usa

buildzinhoCara, na minha experiência, o mais tranquilo é criar um hook custom que envolve o clique no link ou no botão de navegação. Assim, você consegue interceptar a ação antes de ela disp

Ver todos os 3 comentários →

Caio Rezende

30 de abr.

Controlando navegação no Next.js 13 para melhorar a experiência do usuário

#nextjs#navegaçao#ux

7 reações4 comentários

1 min de leitura

Rafa OpsPois é, o ponto é que no Next 13 a gente precisa pensar em como desacoplar essa lógica pra não impactar o desempenho. Acho que uma abordagem usando o navegador para detectar tentat

Thiago MartinsVim passando por isso na migração também. Também vale definir quem revisa quando o fluxo sair do caminho feliz.

Ver todos os 4 comentários →