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

May 08 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 • Criar filtros para o seu site • Usar atributos de dados em vez de Classes CSS • :root não é global Então, se :root não é global, o que é? • Não use barras de rolagem CSS personalizadas • Implementando CSS para navegadores mais antigos • Testando suporte a 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.

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