Catégories
JavaScript

Extension Firefox/Chrome

Les extensions sont un type d’add-ons (ou modules en 🇨🇵) pour les navigateurs (les 2 autres types d’add-ons sont : les user dictionaries et language packs). Les extensions sont de véritables applications qui ajoutent des fonctionnalités au navigateur qui peuvent se matérialiser de nombreuses façons : ils permettent notamment de modifier des pages web (modification […]

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 React qui popularise le SSR (Server Side Rendering) de webapps React 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: […]