SFEIR School Lille – React Hooks

2 décembre de 9h à 17h30

Programme

Depuis la version 16.8, React propose une alternative aux composants de classes : les Hooks. Ces hooks promettent de rendre nos composants fonctionnels stateful : en un mot, offrir les mêmes possibilités que les composants de classes, mais encore plus simplement !

Parmi les librairies les plus connues, beaucoup ont déjà adopté les Hooks : Redux, React-router ou encore Apollo.

Mais alors qu'est-ce donc qu'un Hook ? Comment les maîtriser et rendre notre code meilleur grâce aux hooks ? Doit-on toujours les utiliser ? Y a t-il des contraintes ou des limitations ?

Autant de questions que nous vous proposons d'aborder ensemble !

  1. Introduction
    1. Historique
    2. Qu’est-ce qu’un hook ? 
    3. Pourquoi avoir eu besoin de créer les hooks ?
  2. State Management
    1. State vs Props
    2. useState
    3. useContext
    4. useReducer
  3. SideEffect / Lifecycle
    1. useEffect
  4. Performance & DOM
    1. useMemo
    2. useCallback
    3. useRef
  5. Best practices

 

Pré-requis : 

Bonne maîtrise de JavaScript et avoir déjà eu à faire avec React ou à un framework orienté composant (angular, vue, etc)

Contact