Frontend Weekly Digest #309 (1–7 maggio 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
- 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