Catégories
JavaScript

React hooks

A hook is a function provided by React that let’s you hook into react features from your function components Dan Abramov (React Conf 2018) Les Hooks ont été introduits en 2018 pour : alléger la syntaxe pour créer des composants (lourdeurs liées au fonctionnement des classes) mieux rassembler la logique du code au sein d’un […]

Catégories
JavaScript

npm

npm Node Package Manager est un gestionnaire de package Nodes qui permet aux développeurs js (front ou back) d’utiliser des outils souvent open source, sans avoir à réinventer la roue à chaque fois. A savoir que npm utilise le semantic versioning, que l’on retrouve dans le package.json sous forme de numéros de versions précédés de […]

Catégories
JavaScript

GraphQL

GraphQL GraphQL est une nouvelle norme d’API, qui fourni une alternative plus efficace, puissance et flexible à REST développé à l’origine par Facebook, pour répondre à un besoin de transfert de données adaptés aux nouveaux usages du web (mobile avec des taux de transfert restreint et qualité de connexion pas toujours au top).

Catégories
JavaScript

JS Testing Frameworks

Voici un recueil d’infos à propos des Frameworks de test ainsi que des assertion libraires populaires. Jest Zero configuration testing platform. A l’origine, basé sur Jasmine (jusqu’à la v15, today v23) Strengths of Jest The biggest advantage of using Jest is that it works out of the box with minimal setup or configuration. Much of […]

Catégories
JavaScript

Next.js

NextJs est un framework Javascript Reactjs qui popularise le SSR (Server Side Rendering) Javascript de par sa facilité de prise en main (tuto officiel très clean).

Catégories
JavaScript

PWA & Service Worker

Les PWA sont des types d’applications web, bénéficiant essentiellement aux mobiles et qui améliorent l’expérience utilisateur en proposant un chargement/navigation plus rapide, la possibilité de naviguer off-line ou encore d’installer l’application web sur son mobile. Une partie de ces bénéfices provient de l’usage d’un service worker, process détaché du main thread (de la famille des […]

Catégories
JavaScript

Javascript ES6

Const & Let ES6 introduit la notion de « variables immuables », ce sont des variables qui ne peuvent subir d’affectation qu’1 seule fois, à leur création. Par contre on peut bien sur affecter un objet à une constante, et cela n’empêche pas l’objet d’être modifié. Le scope des variables déclarés const  et let  est le bloc […]

Catégories
JavaScript

Material-UI une bibliothèque de composants React

Material-UI est une librairie de composants React qui implémentent les guidelines de Google en terme de Material Design que l’on retrouve dans les interface des applications Google comme Gmail, Google Photos ou encore dans les applications Android. Pre requis Material-UI a été conçu pour être utilisé avec avec un ensemble de Fonts pour : les […]

Catégories
JavaScript

Node.js

Ce blog post regroupera les quelques infos de bases à propos de Nodejs et son écosystème. Les instructions sont valables pour des environnements compatibles Linux (dont MacOS et WSL pour Windows 10) Installation de Node.js installer NodeJS via NVM of course (suivre la procédure d’install de NVM)) qui est en résumé: récupérer et installer nvm: […]

Catégories
JavaScript Veille techno

Veille Techno 2018 S1

Webpack 4 Webpack 4 (release announcement) & new Plugin system (tuto complet) CommonsChunkPlugin (blog) a été remplacé par optimization.splitChunks une propriété mode (défaut production) permet de setter l’environnement dans le webpack.config.js et webpack peut etre lancé avec les flags -d  et -p 0CJS : aucune configuration n’est nécessaire pour un démarrage rapide (sans entry et […]