Maxlab Un blog avec du JavaScript à l’intérieur.

Des nouvelles versions pour nodejs et angular, du React , du Redux et une « compiler bomb »

News

J’en parlais dans un précédent brin de veille la nouvelle version LTS devient la v 6.9, base de l’ancienne version stable qui elle passe à la version 7. Encore un rappel, la version LTS de branche 6 sera active jusqu’à avril 2018 avant de passer en état de « maintenance » jusqu’en avril 2019 ( ce qui fait un support de 2ans et demi ). Les principaux changements visibles sont sur le support quasi complet d’ES2015. Pour le reste voici les changements entre node V4 et node V6

Quelque jours après le passage en LTS v6 c’est au tour de la branche « Stable » d’évoluer vers une V7. Elle promet de meilleures performances et un support toujours plus grand des dernières spécifications d’EcmaScript grâce à la mise à jour du moteur V8

Il y a eu un peu de bruit récemment suite à l’arrivée d’un nouveau package manager prénommé yarn, issue des « ateliers » de chez facebook . Les « stars » sur le dépot github ont très vite explosées, signe d’une forte attente sur ce domaine. En effet le client officiel npm est souvent critiqué pour son manque de performance et de déterminisme, soucis que semble résoudre yarn. L’intérêt est aussi qu’il permet une adaptation très facile à l’existant en reprenant l’équivalent des commandes CLI pour npm ce qui le rend facile à tester. Affaire à suivre

Entre temps npm passe à la version 4, qui si elle est majeure en terme de numérotation, ne change pas grand chose au quotidien . Les changements majeures sont bien documentés dans le changelog

Angularjs sur sa branche 1 vit toujours et passera bientôt en 1.6. Une RC0 est disponible et apporte de nombreux changements importants comme la suppression de la sandbox des expressions et le retrait de méthodes dépréciées telle que .success du service $http

Caniuse.com le site référence pour savoir quels navigateurs supportent une spécification autour des langages du web propose une nouvelle visualisation relative à la date de parution d’un navigateur.

A Lire

Javascript

Cet article montre comment utiliser Redux sans React et utilise la notion de composants avec du javascript /DOM vanilla

Parce que beaucoup peuvent être désorientés par React, voici un diagramme pour faire le point dans l’écosystème

Une clarification sur le principe de l’amélioration progressive et sur le fait que ce n’est pas que la suppression du javascript qui compte

Un guide pour tester son application sous Redux

Puisqu’il est toujours préférable d’apprendre les concepts avant de se perdre dans des librairies/framework voila React expliqué…sans React

L’architecture MVC est elle définitivement enterrée pour le développement front-end ?

CSS

La propriété @support pourrait se révéler une alternative à modernizer pour cibler la présence de fonctionnalités

UX / UI

Un guide consacré au onboarding

Des bonnes pratiques sur la conception d’une page de contact

Des animations, de la personnalisation, le petit plus qui fera LA grosse différence sur votre interface mais qui doit faire l’objet d’une vraie démarche

A Voir

Parce que le hot reload dans le navigateur c’est quand même super pratique sachez qu’on peut faire de même avec nodejs

Comment créer une « compiler bomb », ou en résumer, faire en sorte de créer le plus gros fichier binaire avec le minimum de code source

Outils / Libs /Ressources

Une collection de dégradés photoréalistiques en CSS

cost-of-modules pour connaitre quelles dépendances pèsent sur votre projet avec cet outil sympa en CLI

Un ensemble d’icones gratuites orienté jeu

next : un framework pour faire des webapps universelles