Frontend Weekly Digest #309 (1–7 de maio de 2023)

Desenvolvimento web
• Web Components 2023 Spring Update
• Passo a passo: incorporar PDFs em páginas HTML
• Quero falar sobre WebGPU
• Usar a extensão Web Vitals para depurar problemas do Core Web Vitals
- Desempenho
• Otimizando o desempenho da Web com técnicas avançadas
• CDNs: Acelere o desempenho reduzindo a latência - Animações
• Animar elementos na rolagem com animações orientadas por rolagem
• Construir animações assíncronas aguardáveis com Shifty
• Idéias para animações de troca de grade para apresentação de slides
• Criar filtros para o seu site
• Usar atributos de dados em vez de classes CSS
• :root não é globalEntão, se :root não é global, o que é?
• Não use barras de rolagem CSS personalizadas
• Implementando CSS para navegadores mais antigos
• Testando suporte de recursos para CSS moderno
• Guia para ocultar elementos em CSS
• Tamanho de fonte dinâmico usando apenas CSS3
JavaScript
• Nx 16 está aqui!
• Dominando o TypeScript: 20 práticas recomendadas para melhorar a qualidade do código
• Aprendendo JavaScript com imaginação
• Detectando se um evento foi acionado por um usuário ou por JavaScript
• Guia prático para não bloquear o loop de eventos
- React
• Como o Vite transformou nosso processo de desenvolvimento do React — um estudo de caso
• Melhores práticas do React Composite Pattern para componentes hierárquicos
• Melhore o gerenciamento de estado no React com o Mediator Design Pattern
• Uma introdução aos portais React
• Técnicas essenciais do React para o desenvolvimento superior em 2023
• Melhores bibliotecas de componentes do agendador do React
• Como construir um componente de grade de árvore no React
• useEffect — O gancho React nunca deveria ter renderizado - Vue
• Como construir um componente modal reutilizável em VueJS
• Melhores bibliotecas de ícones para Vue.js - Angular
• Angular v16 está aqui!
• O novo Angular 16 está crescendo em 2023: tudo o que você precisa saber
• Diálogos angulares e HTML puro