Frontend Weekly Digest (12-18 août 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

• Plongez au cœur du développement Web moderne
• Qu'est-ce que GraphQL: histoire, composants et écosystème
• Parcel 2.0.0-alpha.1 est arrivé!
• Résumé des démonstrations impressionnantes # 7

• Performances:
  • Fantastiques astuces de performance front-end et pourquoi nous les faisons
  • Tout savoir sur la lutte contre les JS tiers: quoi et pourquoi , conseils et astuces DevTools , choses à mettre dans votre code , terrain de jeu Glitch
  • Test de performance - Outils, étapes et meilleures pratiques
  • Chargement paresseux de vidéos YouTube intégrées
  

CSS

• Chrome prévoit d'implémenter des modules CSS, un projet de Microsoft, qui permet d'importer des styles pour les composants à partir d'un fichier externe au lieu d'inclure CSS dans JS
• Les perspectives différentes sur CSS-in-JS
• Pourquoi les navigateurs téléchargent des feuilles de style avec des requêtes multimédias non correspondantes
• Texte tronqué multiligne avec bouton «afficher plus» (avec seulement CSS)
• Ce que CSS - Implémentation de la trigonométrie dans SCSS, et leçons apprises
• 2019 Checkbox Styled - Accessible, Simple, CSS-only
• Animation de police variable avec CSS et JS de fractionnement
• Classes utilitaires contextuelles pour la couleur avec des propriétés personnalisées
• extra.css - Une bibliothèque CSS Houdini pour rendre votre site un peu plus #extra.

Javascript

• V8 version v7.7
• L'histoire et l'héritage de jQuery
• Meilleures pratiques de test JavaScript et Node.js complètes et exhaustives (août 2019)
• Typographie dans le monde réel - Pourquoi et comment l'utiliser
• Comment j'ai réécrit notre base de code en TypeScript en une semaine
• 5 utilisations intéressantes de la destruction de JavaScript
• Comment construire une machine de chiffrement avec JavaScript
• 13 conseils pour écrire du code JavaScript plus rapide et mieux optimisé
• Tous les nouveaux trucs et astuces ES2019

• Réagissez:
  • Présentation des nouveaux DevTools React
  • Annonce du candidat à la sortie de Ionic React!
  • Nouveautés de React 16.9: la mise à jour UNSAFE
  • Draggin 'et Droppin' dans React
  • Tests Modern React. Partie 1: meilleures pratiques . Partie 2: plaisanterie et enzyme
  

• Angulaire:
  • Présentation de Transloco: l'internationalisation angulaire bien faite
  • Premiers pas avec Nx dans Angular
  • La meilleure façon de charger des éléments angulaires paresseux
  • Il est temps de dire merci à l'équipe Angular CLI!
  

• VueJS:
  • Comment utiliser Vuex pour stocker l'état en JavaScript
  • Une directive complète sur la façon de créer des PWA en temps réel à l'aide de Vue CLI 3.0
  

• Braise:
  • Octane arrive en v3.14
  • Comment écrire un SPA vraiment, * vraiment * ambitieux en 2019
  • Tutoriel de test de régression visuelle Ember-Backstop
  

Merci d'avoir lu! N'hésitez pas à nous envoyer vos articles ou de nouveaux contenus utiles que vous souhaitez voir dans le prochain condensé.