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

#CestFacile : React Router v4 – Protected routes

Mon précédent post proposait de mettre en place un layout commun à l’essentiel de nos routes. Bien entendu il est toujours possible d’avoir des routes qui sortent de ce layout pour afficher, par exemple, un formulaire d’authentification ou une page spécifique. Ici, on va s’intéresser à un autre type de routes, les routes que l’on…

#CestFacile : React Router v4 – Créer un système de layout

Allez hop, je vous propose aujourd’hui de mettre en place le fabuleux routeur React de Ryan Florence et Mickael Jackson. On verra un peu plus tard pour transformer le tout afin d’exploiter tout le potentiel de Redux dans la foulée. Par contre on va tout de même s’amuser un peu en mettant en place un…