Digest de matériaux frais du monde frontend pour la semaine dernière # 472 (7 - 13 juin 2021)

Nous portons à votre attention une sélection avec des liens vers de nouveaux matériaux de la zone frontale et autour de celle-ci.

Médias     |    Développement Web     |    CSS     |    JavaScript     |    Navigateurs

Médias

• News 512 de CSSSR : Firefox 89, Safari 15 Beta, Jest 27, une série d'articles sur les performances du navigateur, le développement de base, un article de présentation sur les tests frontend et une annonce du groupe communautaire WebExtensions.

• Podcast Web Standards # 285 : Chrome 92 Beta, Firefox 89, Anchors and Extensions, TeamCity, JS inside WASM, TypeScript 4.3

• Podcast Frontend Youth # 190 : Comment démarrer avec un ancien projet et ne pas se faire fister

• " News 512 " de CSSSR : React 18, Vue 3.1, annonce ESLint 8, cours de CSSSR, : is (), where () et : has (), comment Internet est arrivé

• Podcast « Callback Hell » : Google Services with Bad Web Vitals , logique de partage entre recto et verso, documentation sur les projets

développement web

• L'avenir du web : le rendu en <canvas> remplacera-t-il le DOM ?

• La bonne balise pour le travail : pourquoi vous devriez utiliser le HTML sémantique

• 5 problèmes frontaux que vous ne devriez pas ignorer

• Outils
  
  • Trois outils d'audit frontend que j'ai récemment découverts
  
  • Une sélection de passe-partout et de kits de démarrage utiles pour le développement Web, de l'audit CSS et a11y aux frameworks et plugins js pour VS
  
  • Présentation de l'inspecteur de mémoire dans Chrome DevTools
  
  • Présentation d'Astro : un nouveau type statique générateur de site n'utilisant pas JS
  
  • 7 outils pour un développement front-end plus rapide en 2022
  
  

• 
  
  • CSS, JavaScript -
  
  • . 1/n.
  
  • 2/n. FMP TTI?
  
  • 3. Event loop, layout, paint, composite, call stack
  
  •
  
  

• 
  
  • .
  
  • , -
  
  • whocanuse — ,
  
  •
  
  

• 
  
  • SVG CSS SVG
  
  • SVG
  
  

CSS

• Disposition non conventionnelle

• Le guide complet de la grille CSS avec aide-mémoire

• Couleurs du système CSS

• CSS définit les valeurs de couleur qui correspondent aux paramètres du système.

• Requêtes média à l'époque de @container

• Apprenons le rapport d'aspect en CSS

• Ajustement de la taille CSS pour @ font-face

• Colonnes égales avec Flexbox : plus difficile que vous ne le pensez

• Expérimentez avec des tableaux multi- colonnes triables

• Rencontre : a : sélecteur CSS natif

• Requêtes de conteneur Cornucopia

• Créez des règles de taille de police CSS et créez une échelle de type fluide

JavaScript

• Comment j'ai accéléré le moteur de 13%

• Prévision de séries temporelles en JS : analyse de données pour les plus petits développeurs frontend

• Sparkplug - un compilateur JavaScript non-optimisant en détail

• Comment créer une application full stack en utilisant Supabase et Next.js

• Implémentation champs privés en JavaScript

• Forever Functional : mémoriser les promesses

• Comment implémenter les principes SOLID en JavaScript

• Automatiser le formatage et la correction de JavaScript avec Prettier et ESLint

• JavaScript moderne

• Aller au-delà d'ESLint : une vue d'ensemble de l'analyse statique en JavaScript

• Types d'API de confiance pour la sécurité DOM de JavaScript

• Comment créer un NFT avec JavaScript

• Rust d'un point de vue JavaScript

• React
  
  • Feuille de route pour React 18
  
  • Vue d'ensemble des techniques de gestion de l'état de React en 2021
  
  • Alternatives de redux en 2021
  
  • Tutoriel Cloudflare Pages : Déploiement d'une application React via GitHub
  
  • Icônes React : un guide complet avec des exemples
  
  • Test de React 18 Alpha
  
  

• Vue
  
  • Vue 2 Vue 3 – Migration Helper
  
  • Vue.js Composition API
  
  • State Management? Vuex Nuxt.js
  
  • Vue.js vs. React —
  
  

• Angular
  
  • , AsyncPipe Angular
  
  • Angular NgClass — CSS
  
  • Angular GitHub Pages
  
  • Angular
  
  • Angular Material
  
  

• Libs & Plugins
  
  • libSquoosh. Squoosh, node
  
  • nanostores — React/Preact/Vue/Svelte
  
  • flexsearch — ,
  
  

• Vivaldi 4.0 - Première approche

• Google a reconnu l'expérience consistant à afficher uniquement le domaine dans la barre d'adresse Chrome comme un échec

• Capacités WebKit dans Safari, démontrées au WWDC21





Digest la semaine dernière .

Matériel préparé dersmoll et alekkorovine .