Frontend Weekly Digest (27 mai - 2 juin 2019)

Cette semaine, nous publions une très grande sélection de toutes les nouvelles essentielles que vous pourriez avoir manquées sur le développement Front-end. Assurez-vous de vérifier les dernières mises à jour sur CSS, HTML et JavaScript.

Développement Web

• Le W3C contre La guerre du WHATWG est enfin terminée
• Indexation Mobile-First par défaut pour les nouveaux domaines
• Premiers pas avec GraphQL: c'est assez simple!
• En quoi sommes-nous importants?
• Remplacement de JavaScript: comment eBay a rendu une application Web 50 fois plus rapide en changeant de langage de programmation

• Performances:
  • Annonce du redimensionnement des images Cloudflare: simplification de la livraison optimale des images
  • Plugin Lighthouse qui affiche les performances sur le terrain de la page pour les utilisateurs Chrome réels au cours des 30 derniers jours.
  • Votre premier budget de performance avec Lighthouse
  • Auto-hébergez vos actifs statiques
  

• Accessibilité:
  • La différence entre la navigation par clavier et par lecteur d'écran
  • Outils d'accessibilité au contraste des couleurs
  • Corrigez 85% de vos problèmes d'accessibilité Web en 5 étapes faciles
  • Tabindex: il est rarement avantageux d'être positif
  

CSS

• CSS axé sur l'utilité: développement frontal extrêmement rapide pour presque toutes les conceptions
• Utilisation de la technique Grid Shepherd pour commander des données avec CSS
• Comprendre les variables CSS
• Texte personnalisé multiligne souligné avec des bouchons arrondis
• xstyled - Une nouvelle façon de styliser les composants
• Pourquoi nous préférons les propriétés personnalisées CSS aux variables SASS
• La propriété CSS background-image comme anti-modèle
• Utilisation de la technique Grid Shepherd pour commander des données avec CSS

Javascript

• Annonce de TypeScript 3.5
• Pourquoi j'utilise encore jQuery en 2019
• La façon la plus rapide de rendre le DOM

• Théorie:
  • 5 façons de convertir une valeur en chaîne en JavaScript
  • JavaScript fonctionnel: cinq façons de calculer une moyenne avec une réduction de tableau
  • Implémentation de variables privées en JavaScript
  

• Réagissez:
  • Conseils d'intégration React 16 + Three.js (2019)
  • Typing React (1) - Basique
  • niveau de zoom - Un package multi-navigateur complet qui vous permet de déterminer le niveau de zoom de la page et de l'élément
  • Retour null de setState dans React 16
  

• Angulaire:
  • Version 8 d'Angular - Bundles plus petits, API CLI et alignement avec l'écosystème
  • Angular & RxJS: Détection des fuites de mémoire
  • Vérification des portails CDK d'Angular
  •
  

• Ember.js:
  • Ember 3.10 publié
  • Ember-data: Transformez la frustration