Newsletter WEB : Veille technologique – Mars 2022

« Plutôt calme en février après toutes les annonces de fin/ début d’année.

On parle State of JS, Flutter on Windows, Laravel, Figma, Vite, et petite BD découverte du DevOps (trouvaille de @Gauthier) !

Enjoy! »

– Yohan Dahmani , Pôle de compétences Web

LES NOUVEAUTES

State of JS 2021

State of JS

Les résultats du sondage annuel sont tombés ! 16 085 personnes ont été sondées ce mois de janvier 2022.

  • esbuild a été l’outil qui a connu la plus grosse évolution en terme de satisfaction
  • 5,6% des sondés utilisent Deno (alternative à Node)
  • Les librairies les plus populaires restent Axios, Lodash et Moment (avec date-fns qui fait une belle progression et qui devrait remplacer moment à terme)
  • Syntax est le podcast le plus populaire (d’autres podcasts à découvrir ici)
  • Typescript est de loin la ‘flavor’ alternative à JS la plus utilisée (21% en 2016, 69% aujourd’hui)

Awards

  • Feature la plus adoptée : Nullish Coalescing
  • Techno la plus adoptée : esbuild
  • Plus haute satisfaction : Vite
  • Plus grand intérêt : Vite

On peut dire que c’était l’année de Vite ! De plus en plus utilisé dans l’ecosystème Vue, intégration dans Nuxt, et perce également côté React, il offre des temps de build significativement plus courts, et un build optimisé. Malheureusement pour nos développeurs Angular, Vite n’est pas prêt d’être compatible ! A découvrir ci-dessous si vous ne connaissez pas.

State of JS results

Vite in 100 Seconds https://www.linkedin.com/embeds/publishingEmbed.html?articleId=9141604139064112299

Figma + Storybook

Storybook a sorti en early access, un plugin pour Figma. Il permet d’accèder directement à Storybook depuis Figma, pratique pour comparer l’implémentation au design, pour tester et retravailler les maquettes.

Figma blog

Tailwind CSS + Prettier

Tailwindcss

Tailwind a (enfin) sorti un plugin Prettier ! Fini les débats sur comment organiser ses classes tailwind, Prettier le fait pour nous. Plus lisible, plus maintenable, moins de conflits.

Tailwind Blog – prettier-plugin-tailwindcss

Laravel 9

Le framework PHP passe en version 9 début février, après 6 mois de retard; au menu :

  • Nouvelle version LTS (v9 à la place de v6)
  • PHP v8 minimum
  • Migration SwiftMailer vers Symphony Mailer
  • Redesign du CLI routes:list
  • Flysystem 3.x
  • Support des enums (only php >8.1)
  • Nouveau paramètre –coverage pour le CLI test

Release Blog – Release notes – Blog (Linux fr)

Flutter sur Windows

Ca y est ! Annonce officielle début février, Flutter arrive sur Windows (stable, officiel) avec la version 2.10 (support souris, clavier, accessibilité, etc). Avec même un peu d’aide de la part de Microsoft pour que les apps soient vraiment qualitatives.

MacOS et Linux devraient arriver en stable d’ici fin d’année également.

Announcing Flutter for Windows

Chrome & Firefox 100

Les deux navigateurs vont passer en version 100 dans quelques mois … ce qui risque de casser quelques sites qui utilisent le useragent pour déterminer la version du navigateur, qui passe désormais sur 3 chiffres. Comment FF et Chrome ont répondu à la problématique pour éviter de casser nos sites préférés et que pouvez-vous faire pour tester votre site ?

Chrome and Firefox are reaching version 100

Electron 17

Comme d’hab tous les deux mois, upgrade Chromium 98, Node 16.13 et V8 9.8. .getPrinters deprecated au profit de getPrintersAsync, MediaStream from WebContent, …

Release note

📚 RECOMMANDATIONS D’ARTICLES

💗📄 BD Découverte DevOps (pdf, fr)

éclaircir l'OPS'cur (le monde des devops)

Découverte par Gautier du pôle devops, BD sous forme de PDF qui est extrêmement bien réalisée et qui explique tous les aspects et enjeux du DevOps. A regarder absolument même si vous ne savez pas tout ce qui se cache derrière le DevOps !

CSS Cascade Layers (article, en)

Jamais entendu cascade layers avant ? Cet article est pour vous. Présentation du problème initial (que vous avez surement déjà rencontré), comment les cascade layers aident à le résoudre, et comment les utiliser.

Aucun texte alternatif pour cette image

Svelte vs React (article, en)

Toujours intéréssant de comparer des frameworks frontend, cette fois ci c’est Svelte vs React (spoiler: ça dépend votre usage).

Comment le compilateur d’Angular fonctionne (article, en)

Ok on conduit nos voitures sans savoir comment elles fonctionnent, mais des fois ça aide vachement de savoir comment ça se passe sous le capot.

REDIS ne sert pas qu’à cacher (article, en)

Si vous connaissez REDIS, vous l’utilisez probablement pour du caching, j’ai raison ? Mais REDIS peut servir dans plein d’autres cas d’usage.