Frontend Weekly Digest #309 (1–7 maggio 2023)

May 08 2023
Sviluppo Web • Aggiornamento primaverile di Web Components 2023 • Passo dopo passo: incorporare i PDF nelle pagine HTML • Voglio parlare di WebGPU • Utilizzo dell'estensione Web Vitals per eseguire il debug dei problemi di Core Web Vitals • Creazione di filtri per il tuo sito Web • Utilizzo di attributi di dati invece di Classi CSS • :root non è globale Quindi se :root non è globale, che cos'è? • Non utilizzare barre di scorrimento CSS personalizzate • Implementazione di CSS per browser meno recenti • Supporto delle funzionalità di test per CSS moderni • Guida per nascondere elementi in CSS • Dimensione carattere dinamica utilizzando solo JavaScript CSS3 • Nx 16 è qui! • Padroneggiare TypeScript: 20 migliori pratiche per migliorare la qualità del codice • Imparare JavaScript con l'immaginazione • Rilevare se un evento è stato attivato da un utente o da JavaScript • Guida pratica per non bloccare il ciclo di eventi.

Sviluppo web

Aggiornamento primaverile di Web Components 2023
• Passo dopo passo: incorporare i PDF nelle pagine HTML
• Voglio parlare di WebGPU
• Utilizzo dell'estensione Web Vitals per eseguire il debug dei problemi di Core Web Vitals

  • Prestazioni
    • Ottimizzazione delle prestazioni Web con tecniche avanzate
    • CDN: velocizza le prestazioni riducendo la latenza
  • Animazioni
    • Animazione di elementi sullo scorrimento con animazioni guidate dallo scorrimento
    • Creazione di animazioni attese asincrone con Shifty
    • Idee per animazioni di commutazione da griglia a presentazione

Creazione di filtri per il tuo sito web
Utilizzo di attributi di dati invece di classi CSS
• :root non è globale Quindi, se :root non è globale, che cos'è?
• Non utilizzare barre di scorrimento CSS personalizzate
• Implementazione di CSS per browser meno recenti
• Supporto delle funzionalità di test per CSS moderni
• Guida per nascondere elementi in CSS
Dimensione carattere dinamica utilizzando solo CSS3

javascript

• Nx 16 è qui!
• Padroneggiare TypeScript: 20 best practice per migliorare la qualità del codice
• Imparare JavaScript con l'immaginazione
• Rilevare se un evento è stato attivato da un utente o da JavaScript
• Guida pratica per non bloccare il ciclo di eventi

  • React
    • In che modo Vite ha trasformato il nostro processo di sviluppo di React: un caso di studio
    • Best Practices of React Composite Pattern for Hierarchical Components
    • Migliora la gestione dello stato in React With Mediator Design Pattern
    • Un'introduzione ai portali React
    • Tecniche React essenziali per il massimo sviluppo nel 2023
    • Le migliori librerie di componenti dello scheduler di React
    • Come costruire un componente della griglia ad albero in React
    • useEffect — L'Hook React non avrebbe mai dovuto rendere
  • Vue
    • Come creare un componente modale riutilizzabile in VueJS
    • Le migliori librerie di icone per Vue.js
  • Angular
    • Angular v16 è qui!
    • Il nuovo Angular 16 sta andando alla grande nel 2023: tutto ciò che devi sapere
    • Finestre di dialogo Angular e HTML puro