Newsletter WEB : Veille technologique – Fev. 2022

« Après une petite pause en janvier, c’est la reprise de la newsletter WEB de veille mensuelle ! C’est l’occasion pour moi de vous souhaiter une bonne année. N’hésitez pas à la partager autour de vous et de me faire part de ce que j’ai pu manquer comme infos !

Au programme de ce mois ci : Les projets open source populaires de 2021, TailwindCSS 3.0, rétrospectives Angular, Storybook, Flutter, documentaire Kubernetes sur Youtube, et des bonnes pratiques TypeScript ! »

– Yohan DAHMANI

Les nouveautés web

2021 JavaScript Rising Stars ❤

Tous les ans RisingStarJS classe les projets OpenSource par « Github Stars » et analyse les projets qui ont été les plus populaires. Cette année le classement est :

  1. Google zx
  2. Vite
  3. Next.js

Rising Stars

Color gradient generator (Josh Comeau) ❤

Tous les ans RisingStarJS classe les projets OpenSource par « Github Stars » et anaNotre ami Josh Comeau a (encore) sorti un nouvel utilitaire de génération de code CSS optimisé. Cette fois-ci il s’attaque aux gradients, qui peuvent paraitre un peu old-school en utilisant uniquement le gradient CSS de base. Dans une newsletter passée je vous avais déjà présenté le Shadow Palette Generator.

RisGradient Generator – Shadow Palette Generator

What’s new in DevTools

Les DevTools des différents navigateurs se sont dotés de nombreuses features ces derniers mois et certaines de ces mises à jour peuvent faciliter notre travail au quotidien. Petit récap de toutes les nouveautés (cross-browsers)

Les nouveautés DevTools

Angular 2021 recap & 2022

L’équipe Angular fait le point sur ce qui a été accompli en 2021 et ce qui est à venir pour 2022. Le changement le plus notable que je retiens en 2021 est pour moi le temps de compilation qui a été réduit drastiquement à l’aide du caching, de Webpack 5 et du passage à 100% sur Ivy ! En 2022 on peut attendre les standalone components et le typage strict des reactive forms.

Angular 2021 + Roadmap

State of CSS 2022

Les résultats du sondage annuel sont tombés !

  • Most adopted feature : CSS Comparison Functions
  • Highest Satisfaction : PostCSS
  • Highest Interest : CSS Modules

Je joins également un article qui résume les évolutions et nouvelles features que le CSS a connu en 2021 !

CSS in 2022, What happened ? – State of CSS 2022

Visual Studio 2022

Nouvelle année, nouveau Visual Studio ! Indispensable (ou presque) pour les développeurs de l’univers Microsoft. VisualStudio a release sa version 2022. Des améliorations de refactoring, d’IntelliSense, navigateur de code source, …

Visual Studio 2022

TailWind 3.0 ❤

On ne les arrête plus ! Au programme: JIT accelère les temps de compile, nouvelle palette de couleurs, ombres colorées, Scroll Snap (ONLY CSS!!), modifier pour mode d’impression, et plein d’autres utilitaires !! L’essayer c’est l’adopter, difficile de s’en passer une fois y avoir goûté.

TailwindCSS v3

React conf 2021 recap

La 6e edition de la React conf a eu lieue en décembre sous un format online, accessible gratuitement. Présentation de React 18 et son but, discussions autour du SSR, team dédiée aux React DevTools, investissement dans les docs react, et bien d’autres éléments à découvrir en replay ou dans le recap.

React Conf 2021 recap

State of Storybook 2021

state of storybook 2021

L’équipe derrière l’outil populaire de developpement UI s’adonne également à l’éxercice de la rétro 2021. Refacto de l’architecture en partenariat avec Chromatic, Webpack et Shopify pour améliorer les performances ce qui a conclu à un build 3x plus petit et 4x plus rapide. Le focus pour 2022 est la stabilité et scalabilité. Une feature que j’attends tout particulièrement est leur Testing Library.

State of Storybook 2021

Jasmine 4.0

Jasmine suit le mouvement, drop de IE11 (et PhantomJS, Safari 8-13, FF 68 78, Node 10 et 12, …), de meilleurs erreurs, drop de Ruby et Python, de nombreux changements dans la syntaxe d’écriture des tests.

Release Note

Flutter 2.8

Le framework de Google est en excellente forme ! La récente refonte de la nouvelle application phare de la SNCF : SNCF Connect est réalisée entièrement avec Flutter (et elle est plutôt sexy) ! Cette nouvelle version apporte des améliorations des performances sur mobile, elle tente également d’approcher du build stable pour le desktop. C’est aussi l’occasion de faire un petit récap sur 2021.

Flutter 2.8

Les recommandations d’articles

Unimported

Unimported : find unused sources files in Javascript / Typescript projects (outil) ❤

Petit utilitaire bien sympa qui permet d’analyser le code mort en lançant la commande npx unimported dans son projet.

Monorepo

Les monorepos sont à la mode ! Comprendre l’intérêt et les outils qui gravitent autour. (en) ❤

Je suis tombé sur ce site extrêmement bien réalisé qui explique à quoi ça sert, les avantages et les inconvénients, et les différents acteurs : Lerna, Nx by Nrwl, Bazel (Google), Turborepo (vercel), … Jeter un oeil absolument si vous ne connaissez pas !

Note : Le site est édité par Nrwl, société qui développe Nx

Structured Clone (en) ❤

Vous avez surement déjà été amené à écrire la chose suivante … const clone = JSON.parse(JSON.stringify(myObject)). StructuredClone à la rescousse ! Bientôt release sur Chrome, en cours de release chez Safari et déjà dispo sur Deno, Node et Firefox. Cette nouvelle fonction va nous permettre de cloner des objets de manière plus propre (pour un monde plus beau…).

Documentaire Kubernetes (video, en)

Documentaire en deux parties sur l’histoire de Kubernetes. Produit par la chaîne Honeypot il est bien sympa 😊.

Kubernetes: The Documentary [PART 1]

Kubernetes: The Documentary [PART 2]

Baseline web development 2022 (en)

Depuis le drop de IE11 quelle est la baseline pour le web dev en 2022 ? TLDR; En terme de perf il faut target un Android entrée de gamme, 4G en terme de connectivité, et Safari n-2 en terme de standard web.

Comment améliorer les perfs de son site et faire du bien à la planète ? (en)

On le sait, le web pollue, mais alors que peut-on faire à notre échelle pour améliorer cela ?

Les features TypeScript à éviter ! (en)

TypeScript est très riche en fonctionnalités, mais il y en a certaines que vous ne devriez pas utiliser. Car elles sont d’un autre temps, ou qu’une meilleure alternative existe.

  • Avoid enums
  • Avoid namespaces
  • Avoid decorators (for now)
  • Avoid the private keyword (#)

De native, à React Native, à Flutter, REX (en)

Retour expérience d’un projet qui est passé d’Android Natif, à React Native, pour finalement choisir Flutter !

TypeScript cheat sheet officielle ! (outil) ❤

TypeScript a sorti 4 cheat sheets officielles pour dépanner les trous de mémoire ! PDF à télécharger

Des outils de builds dans tous les sens … comparaison ! (en)

On va pas se mentir ces derniers temps c’est à la mode de sortir un outil de build, il y en a de plus en plus, et si certains sont habitués à Webpack, il y a bien d’autres alternatives ! Cet article nous propose une comparaison de ces nouveaux builders.

Angular Lifecycle Hooks

Comprendre les Angular Lifecycle Hooks en profondeur (en)

Beaucoup de développeurs Angular ne connaissent en général que ngOninit et ngOnDestroy, il est important de savoir et comprendre comment Angular fonctionne, quels sont et à quoi servent les autres hooks.

Fluent Design Emojis (en)

Excellent article sur comment les nouveaux emojis Fluent Design (Microsoft) ont été produits.

1 réaction sur “ Newsletter WEB : Veille technologique – Fev. 2022 ”

  1. Ping Newsletter WEB : Veille technologique – Mars 2022 - KZSLAB : Kaizen Solutions

Les commentaires sont clos.