#61 - React Fiber : une innovation discrète, des implications retentissantes

S'inscrire sur la liste d'attente ?

0 sur liste d'attente

Partager :

La Cuisine du Web

59 Rue de l'Abondance · Lyon

Comment nous trouver

Au rez-de-chaussée

Image du lieu de l'événement

Détails

Avec le retour des beaux jours, c'est le retour du LyonJS ! Retrouvez-nous pour discuter Javascript autour d'une présentation. Restez avec nous ensuite autour de l'apéro ! Ce soir, Matthieu nous présente React Fiber.

Talk : "React Fiber : une innovation discrète, des implications retentissantes" (environ 45 min)

L’équipe de React a fait de nombreuses annonces à propos de nouvelles APIs ces derniers temps. On parle de : Suspense, Lazy Hooks, Error Boundaries, Time Slicing ou encore Concurrent React.

Il y a des choses particulièrement intéressantes comme de nouveaux patterns de programmation qui pourraient changer la manière de coder des interfaces dans le futur. Mais il faut avouer qu’il peut devenir difficile de suivre toutes les évolutions proposées et en comprendre la direction.

L’effervescence autour des nouvelles fonctionnalités a pour origine la ré-implémentation du moteur de React dans sa version 16 : nom de code React Fiber (sorti en septembre 2017). Cette refonte très technique n’a pas fait de buzz et n’a rien changé directement dans l’API. Elle a en revanche libéré un potentiel incroyable pour trouver de nouveaux concepts que Facebook ajoute petit à petit dans sa bibliothèque.

Nous vous proposons de reprendre le sujet dans l’ordre : qu’est ce que React Fiber ? Qu’est ce qui change dans le moteur et ce que cela veut dire pour vous ? Nous nous intéresserons ensuite à chacune des nouveautés (Suspense, Lazy, Hooks, Error Boundaries, Time Slicing, ...) pour en détailler le fonctionnement, ce que cela apporte et son lien avec Fiber.

Nous illustrerons chacun des concepts avec un livecoding d’une arène de pokemon !

Présenté par Matthieu Lux
Developer Advocate chez Zenika Lyon pour toutes les technologies Web et JavaScript (React, Vue, Angular, Redux, Node, GraphQL, Next, Nuxt).

-----
On remercie la Cuisine du Web qui nous héberge gentiment pour cette édition. Merci à eux !

/!\ Attention, les locaux de la Cuisine du Web ont changé, et sont désormais rue de l'Abondance.