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…
Mois : mars 2018
#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 : Validation de formulaire (et bien plus) avec Formsy React
Rappel des faits : On a vu comment utiliser Redux et Redux Sagas dans une application créée avec Create-React-App (CRA, pour les intimes) On a vu comment écrire des tests unitaires On sait utiliser React Router, bricoler des Protected routes et utiliser un layout commun On a même vu rapidement le pattern Render Props qui…
#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…