#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…