:::: MENU ::::

Un brin de veille #79

A retenir : optimiser une application web efficacement avec l’exemple de twitter lite, du retour d’expérience node et un gazon en webgl

News

Cela faisait un moment que React n’avait pas été mis à jour. Une version 15.5 est désormais disponible et si elle n’apporte pas de nouveautés particulières hormis quelques bugfixes elle est surtout un tremplin vers la prochaine version majeure de React qui contiendra une réécriture complète des entrailles de la librairie. Pas de breaking changes, seulement l’export de deux fonctionnalités Proptypes et createClass vers leurs propres packages. Pour aider à la migration, de nouvelles alertes sont émises sur les éléments dépréciés et l’utilitaire de scripts de mise à jour react-codemod a lui aussi été upgradé.

On entend parler depuis quelque temps d’un système de formatage de code appelé Prettier. L’outil passe la barre de la version 1 seulement 2 mois après son annonce officielle. Rapidement adopté, cet utilitaire analyse le code et ne le formate pas seulement au niveau de l’indentation, il comprends la sytaxe pour l’écriture du code la plus lisible possible, dans le but de s’éviter la corvée de style et surtout d’obtenir une écriture cohérente.

A partir de sa version 59, chrome va donner la possibilité de naviguer en mode « headless » c’est à dire sans interface. Cette fonctionnalité permet de profiter des avantages d’un vrai navigateur pour effectuer par exemple des tests automatiques. Il était possible auparavant de ruser sous linux avec un framebuffer virtuel (xvfb) ou alors d’utiliser une version de webkit scriptable comme c’est le cas pour phantomJS mais ces solutions n’étaient pas optimales. Une bonne nouvelle pour tout ceux qui font du E2E testing en intégration continue

 

A Lire

Javascript

Un excellent retour d’expérience de l’utilisation des outils pour optimiser une application web ( Twitter ) et en faire une progressive web app performante

Une collection d’astuces et ressources pour débugger dans un navigateur web

Un article qui pose les bonnes bases sur ce qu’un développeur web doit savoir : lire la doc , lire du code , savoir debug , savoir demander et cela quelque soit le langage utilisé

Retour d’expérience après 5 ans passés à travailler avec node

L’intérêt du rendu coté serveur face au rendu coté client

Quelques cas d’utilisation des service worker prêt à l’emploi 

HTML / CSS

Quelques bases sur les pseudo-classes en CSS dont certaines que vous ne connaissez surement pas

UX UI

Et si les dégradés remplaçaient les couleurs dans les futurs designs

A Voir

Inspiration pour des animations de layout de type grille

Un Gazon en WebGL

Les technos à suivre en 2017, à grand coup d’animations

Outils / Libs

polychrome : une petite librairie pour manipuler et parser les couleurs
Super Tiny Social Icons : des icones légères pour les principaux réseaux sociaux

across-tabs : pour communiquer entre plusieurs onglets

Prochainement dans les devtools de chrome, un indicateur de la quantité de code js et css réellement utilisée


So, what do you think ?