Parlons Front !

Julien Hery
Jan 21 · 3 min read
Image for post
Image for post
Revue de presse #7

Nouvelle semaine, nouvelle revue ! 🎉

Chez SFEIR Lille, nous sommes nombreux à faire partie de la team #front et il nous tient à cœur de vous partager régulièrement nos dernières trouvailles.

Comme la semaine dernière nous vous avons dégoté un petit jeu : https://www.popcorntv.fr/ .

Cette fois-ci on s’attaque à votre culture des séries TV ! J’ai personnellement toujours été fasciné par ce genre d’applications web qui se distinguent des sites que l’on a l’habitude de voir. Un peu d’Angular par ci, un peu de Three.js par là et nous voilà occupés pendant un certains temps 👨‍💻

Partagez nous votre score dans les commentaires 👇

Bonne lecture à tous !

On commence cette semaine par un résumé des nouveautés de Vite 2. Si vous ne connaissez pas encore cet outil nous vous conseillons vivement de jeter un oeil à leur documentation.

Développé par Evan You (créateur de Vue.js) cet outil risque bien de changer beaucoup de vieilles habitudes dans le monde du web. En plus des builds avec Rollup (👋 Webpack) et du HMR ultra rapide on retrouve maintenant : un nouveau format de plugin, un overlay pour les erreurs, du build de librairie et un tas d’autres choses qu’on vous laisse découvrir.

Nous le savons les web components de Lit Elements sont simples à mettre en place, légers et n’en sont pas moins performants. Mais vous êtes-vous déjà demandé comment tout cela fonctionnait ? Cet article creuse le sujet et explique comment Lit Element gagne en rapidité grâce aux batch updates.

Si vous ne le saviez pas déjà, sachez que CSS permet de créer des variables afin de les réutiliser dans vos différents sélecteurs. On sait grâce à Less et Sass que cela peut-être très utile ! Mais que pouvons nous stocker dans ces variables ? On peut y mettre beaucoup de choses ! Valeurs numériques avec ou sans unité, chaînes de caractères, liste, … Vous pouvez même vous débrouiller pour y mettre du JS ! Jean-François Garreau a d’ailleurs fait une excellente présentation sur le sujet 👨‍🏫

Que ne peut-on pas essayer de recréer en JavaScript aujourd’hui ? En tout cas pas AirDrop puisque SnapDrop l’a fait. Prenez un peu de WebRTC, saupoudrez de websockets et le tour est joué !

Pour terminer cette semaine, et après les State of CSS et State of JS, on vise plus large avec le State of the Octoverse ! Bilan de l’année pour Github avec bien entendu JavaScript en pole position des langages les plus utilisés 🎉 On vous laisse découvrir le reste 🙂

  • Angular 11.1 : Typescript 4.1, Language Service, Linker, QueryList, …

Et de votre côté, quelles sont vos récentes découvertes #front ? N’hésitez pas à les partager avec nous via les commentaires 👇.

Merci également à Anthony, Romain, Raphaël et toute l’équipe pour les suggestions d’articles !

À la semaine prochaine pour de nouvelles actualités !

#front #js #javascript #vite #litelement #css #github

CodeShake

Learnings and insights from SFEIR community.

Medium is an open platform where 170 million readers come to find insightful and dynamic thinking. Here, expert and undiscovered voices alike dive into the heart of any topic and bring new ideas to the surface. Learn more

Follow the writers, publications, and topics that matter to you, and you’ll see them on your homepage and in your inbox. Explore

If you have a story to tell, knowledge to share, or a perspective to offer — welcome home. It’s easy and free to post your thinking on any topic. Write on Medium

Get the Medium app

A button that says 'Download on the App Store', and if clicked it will lead you to the iOS App store
A button that says 'Get it on, Google Play', and if clicked it will lead you to the Google Play store