Java Script

Passer au https sans perdre son référencement

C'est un fait depuis plusieurs années maintenant, Google pénalise les sites non sécurisés dans son index, c’est-à-dire sans la protection SSL fournie par le protocole HTTPS. Pourtant, faire le passage de l'un a l'autre est une opération délicate et il n'est pas rare de perdre quelque pages, ou…

Faire un diaporama fondu sans javascript avec les animations css

Je partage un mini tuto aujourd'hui sur comment faire un slideshow (diaporama) super simplement avec les animations css, et surtout sans JS. Pour ce faire, on va partir du DOM suivant: Et enfin, le code CSS (ici en Sass): Pour la petite explication du css, dans un premier temps on utilise les width…

Comprendre le sucre syntaxique d'ES6 vers JS

Tandis que le support d'ECMAScript6 est de plus en plus répandu, il est encore beaucoup trop tôt pour s'attendre à un support de tous les navigateurs sur un site grand public. Un transpileur est donc obligatoire pour utiliser le Javascript de demain, mais dès aujourd'hui ! Voici un petit tour d…

Pourquoi héberger son site statique sur netlify?

Depuis quelque temps, les sites statiques deviennent de plus en plus répandus, comme le témoigne l'apparition de frameworks dédiés a ça tel que Gatsby ou encore Jekyll ou Hugo. En effet, comme la génération ne se produit plus à chaque chargement de page mais plutôt au moment de la mise en production…

Réseau domotique en ESP8266: Début d'un projet avec PReact

Pour mon projet domotique, j'ai besoin d'un dashboard. C'est à dire un endroit ou toutes les informations importantes seront accessibles. Comme je compte servir ce dashboard depuis un ESP8266 pour éviter d'installer un raspberry pi juste pour un serveur web, je dois garder une taille de fichiers la…

Streamer son rendu React Server Side (SSR)

Les applications React isomorphiques sont de plus en plus utilisées en production. Globalement, l'idée est d'exécuter le même code coté client et serveur. Ainsi on va faire le premier rendu de l'application coté serveur, pour envoyer une vue toute faite au client. Le code de l'application est…

Gérer ses chargements en React avec un HOC

Souvent dans une application on à besoin de récuperer des données depuis une API distante. Comme ces données servent ensuite au rendu de l'application, on est obligé d'attendre leur changement avant d'afficher quelque chose. La gestion de ces (état de chargement) est important pour l'experience…

Penser son code pour le futur

Cela fait 4 ans que je développe de manière professionnelle pour le compte d'un client, et bien plus longtemps que je développe pour mon propre compte. Parfois j'ai dû coder sous pression, parfois j'ai dû récupérer le code d'autres développeurs, et parfois c'était à mon tour d'écrire du code qui…

NodeMCU: Utiliser son esp8266 comme serveur web

Dans cet article, nous allons voir comment créer un serveur web basique via nodeMCU. Ce serveur web aura pour objectif de servir de pont entre notre navigateur web et la liaison serie de l'esp. Les messages envoyés dans le navigateur seront écrits sur la liaison serie, et inversement. L'esp devra…

L'event loop NodeJS et l'asynchrone

NodeJS démystifie la programmation asynchrone et rend les applications temps réel triviales à programmer. Mais comment est conçu ce "langage"? Explications sur le fonctionnement d'un serveur pas comme les autres. Fonctionnement d'un serveur web classique Pour comprendre comment marche Nodejs, il…

Les travers des keys en React, explications

Pour moi, l'utilisation des clés (keys) en React est l'un des aspects les plus délicats à comprendre lorsque l'on commence à développer avec cette technologie. Même après plusieurs mois, on ne se rend pas bien compte de leur importance car le code s'exécute correctement la plupart du temps, même…