React

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…

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…