Vincent Ogloblinsky - @vogloblinsky
Orange Innovation - ARoD Team 🤘
Vincent Ogloblinsky
Compodoc maintainer
Google Developer Expert on Web Technologies
Software architect
Web Content Accessibility Guidelines (WCAG) 2.2
autocapitalize attribute
defaultPlaybackRate attribute
decoding attribute for images
ES MODULES everywhere : script tags & web workers !
ES2021 :
- Promise.any : // request, first win
- String.prototype.replaceAll : enfin !
- Logical Assignment Operators : a ??= b ===> a = a ?? (a = b)
- Numeric Separators : 1__000__000
- Intl.DisplayNames :
var currencyNames = new Intl.DisplayNames(['en'], {type: 'currency'});
console.log(currencyNames.of('USD')); // "US Dollar"
ES2022 :
- Class public and private fields - getter/setters
- Static class fields and private static methods
- Top-level await
const translationKeys = await import(`/i18n/${navigator.language}`);
Orchestrateurs de composants
Runtime du framework sur le poste client
Lockin fort...
Over-engineering de librairies...
Stable : v12, v13 en cours
Strict type by default
Proposal pour des modules optionnels
Version : 3.2
Composition API (meilleure séparation du code)
L'écosystème migre vers la v3
A mi-chemin entre framework et compilateur :
analyse poussée au build pour maximiser le code au runtime dans le navigateur
Lighthouse - Core Web Vitals (LCP - Largest Contentful Paint, FID - First Input Delay, CLS - Cumulative Layout Shift)
webpack / rollup / parcel
vite / snowpack
CLI de vos frameworks favoris
- Apple M1 support
- npm v7
😀 - iOS 14.3 adds support for MediaRecorder API
😀 - iOS 15 adds support for Web Share API
😀 - iOS 15 adds support for WebGL 2.0
😐 - Apple declined to implement 16 Web APIs in Safari due to privacy concerns
Des questions ?
Slides : bit.ly/3otoogi
Crédit photos - Unsplash.com