Frontend Weekly Digest #309 (du 1er au 7 mai 2023)

Développement web
• Mise à jour de printemps 2023 des composants Web
• Pas à pas : intégration de fichiers PDF dans des pages HTML
• Je souhaite parler de WebGPU
• Utilisation de l'extension Web Vitals pour déboguer les problèmes de Core Web Vitals
- Performances
• Optimisation des performances Web avec des techniques avancées
• CDN : accélération des performances en réduisant la latence - Animations
• Animer des éléments sur le défilement avec des animations pilotées par défilement
• Construire des animations asynchrones avec Shifty
• Idées pour la grille en animations de changement de diaporama
• Création de filtres pour votre site Web
• Utilisation d'attributs de données au lieu de classes CSS
• :root n'est pas globalAlors si :root n'est pas global, qu'est-ce qui l'est ?
• N'utilisez pas de barres de défilement CSS personnalisées
• Implémentation de CSS pour les anciens navigateurs
• Test de la prise en charge des fonctionnalités pour CSS moderne
• Guide pour masquer des éléments dans CSS
• Taille de police dynamique en utilisant uniquement CSS3
Javascript
• Nx 16 est arrivé !
• Maîtriser TypeScript : 20 bonnes pratiques pour améliorer la qualité du code
• Apprendre JavaScript avec imagination
• Détecter si un événement a été déclenché par un utilisateur ou par JavaScript
• Guide pratique pour ne pas bloquer la boucle d'événements
- React
• Comment Vite a transformé notre processus de développement React - une étude de cas
• Meilleures pratiques du modèle composite React pour les composants hiérarchiques
• Améliorer la gestion de l'état dans React avec le modèle de conception de médiateur
• Une introduction aux portails React
• Techniques React essentielles pour le meilleur développement en 2023
• Meilleures bibliothèques de composants de planificateur React
• Comment créer un composant de grille arborescente dans React
• useEffect - Le crochet React n'aurait jamais dû être rendu - Vue
• Comment créer un composant modal réutilisable dans VueJS
• Meilleures bibliothèques d'icônes pour Vue.js - Angular
• Angular v16 est là !
• Le nouveau Angular 16 devient grand en 2023 : tout ce que vous devez savoir
• Boîtes de dialogue angulaires et HTML pur