:::: MENU ::::

Un brin de veille #77

Ecmascript2017, des bonnes pratiques react et redux et de la demo-scène js tweetsized

News

La nouvelle version de la spécification de javascript ECMAScript 2017 est désormais figée. La grosse nouveauté est bien évidemment l’arrivée d’async/await (async functions) qui permet une écriture simplifiée des appels asynchrones. Déjà implémentée dans les versions stables de node, chrome et firefox, c’est une fonctionnalité puissante mais qui n’est pas une réelle surprise.

Un peu plus à la marge, il sera désormais possible de partager des données en mémoire entre différents workers grâce aux SharedArrayBuffers plutôt que d’être contraint au simple système d’événement. L’intérêt ? des performances largement supérieures puisque l’accès à la donnée est direct. Cela rend possible la création d’application hautes performances et va dans le sens du travail initié par webassembly.

Enfin cette nouvelle version d’ECMAScript apporte quelques ajouts mineures comme une fonction de padding des chaines de caractères ou la simplification de l’énumération du contenu d’objets avec Object.entries et Object.values

A Lire

Des techniques pour optimiser le temps de 1er chargement

Javascript

Quelques astuces pour documenter son code javascript

Une simple application de compteur implémenté sous différents « langages » ( elm , mobx, cyclejs, redux .. )

Comparaison et migration entre les modules angular 1.x et angular 2+

3 approches pour gérer les effets de bords avec redux 

Quelques méthodes de base sur les tableaux en javascript expliquées et illustrées

Des bonnes pratiques pour écrire des composants React

Une explication sur l’intérêt des systèmes à structures de données persistantes comme immutable.js

Illustration de l’utilisation des HOC pour faire des animations de microintéractions avec React 

 

UI / UX

Faire des animations avec la techniques FLIP

A Voir

140 caractères de js , la taille d’un tweet pour faire ce que vous voulez. Un bon clin d’oeil à la demoscène

Des réseaux de neurones au service de la circulation automobile

Outils / Libs

Griddle : un composant datagrid pour React

babel-preset-env : vous choisissez un niveau de compatibilité ( firefox > version 45 par exemple ), et babel charge les bons preset et transpile pour votre cible

identicons.js : des avatars auto générés façon github

eegeo : une sympathique bibliothèque basée sur leaflet pour intégrer de la 3D à ses cartes


So, what do you think ?