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

May 08 2023
Développement Web • Web Components 2023 Spring Update • Pas à pas : intégration de PDF dans des pages HTML • Je veux parler de WebGPU • Utilisation de l'extension Web Vitals pour déboguer les problèmes de Core Web Vitals • Création de filtres pour votre site Web • Utilisation d'attributs de données au lieu de Classes CSS • :root n'est pas globalDonc si :root n'est pas global, qu'est-ce qui l'est ? • N'utilisez pas de barres de défilement CSS personnalisées. • 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.

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