React : API Context

L’API context a toujours été – jusqu’à il y a peu, synonyme de danger, de fin du monde dans une application React. Même la documentation faisait tout pour nous dissuader de l’utiliser. Pourtant, il n’y a rien de plus usant que de devoir passer ses props d’un container à un enfant d’un enfant d’un enfant…

Rendu statique de votre application React avec React-Static

C’est toujours un peu la merde dès lors que l’on cherche à utiliser React pour une application couplée à un site vitrine sans entrer dans le monde joyeux du SSR. Les moteurs de recherche ont beau nous annoncer qu’ils supportent Javascript, vous aurez souvent un soucis dès qu’il s’agit d’aller fetch des données pour les…

#CestFacile : Redux & Immutable JS – (Grosse) Introduction

On utilise déjà Redux pour gérer le state au sein de notre application. Lorsque l’on passe dans nos reducers, on retourne une nouvelle version de notre state, grâce aux spread operators {..state, {}}, ce qui permet de s’assurer qu’on utilise toujours des objets non pas altérés, mais une nouvelle version du state avec les changements…

#CestFacile : React Error Boundaries

La sortie de Fiber (React 16.x)a été l’occasion pour l’équipe React d’apporter un certain nombre de nouveautés à React. D’un côté avec une grosse optimisation du rendu basé sur RequestAnimationFrame, mais aussi d’un point de vue fonctionnel avec les Portals, Fragments, Error Boundary et très bien la nouvelle api Context. On va découvrir ici en…

#CestFacile : Fetch ou Axios ?

(oui, c’est vrai, la blague est éculée, mais j’aime bien) Vous connaissez sûrement le bon vieux $.ajax issu de jQuery ? Hey ! Y a pas de mal hein, ce n’est pas sale. Je l’ai utilisé des milliers de fois à l’époque (et encore de nos jours, parfois), et c’était bien pratique. Dans une application React,…

#CestFacile :Vérification de types (feat PropTypes)

Jusqu’ici c’était un peu la récrée. On a écrit quelques tests unitaires pour faire bonne figure (et surtout pour se familiariser avec Enzyme, Jest et Chai), mais on a toujours pas abordé la vérification de types, ne serait-ce qu’avec les prop-types. C’est le moment de passer du temps sur le sujet.

#CestFacile : Render props

On a parlé rapidement du pattern Render Props lorsque l’on a manipulé les routes de React Router. C’est une réponse aux problématiques liées aux Mixins (qui n’existent plus dans les dernières version de React) et au High Order Components. La description issue de la documentation de React est plutôt juste, autant la repomper honteusement : The…

#CestFacile : Un peu d’intégration continue avec CircleCI

On a vu dans notre dernier post comment écrire quelques tests avec Jest, Enzyme et Chai. On est allé assez loin en testant non seulement nos composants, mais aussi nos reducers, nos actions et même nos sagas. C’est le moment idéal pour commencer à mettre en place un peu d’intégration continue.