React Paris : entre innovation et inspiration !

Le 22 mars 2024, s’est tenue la conférence React Paris, une journée dédiée aux conférences et au networking, organisée par la communauté BeJS. Cet événement a offert aux participants une opportunité unique de découvrir de nouvelles perspectives, d’approfondir leurs connaissances et d’établir des contacts avec des pairs issus de divers horizons. Les nombreuses conférences ont exploré divers aspects de React, allant de l’avenir de l’intelligence artificielle sur le web aux avancées des plateformes web et à l’émergence de nouveaux services innovants. Problématiques métier, présentation d’outils et de services, et même le lancement d’un livre : tout était au rendez-vous.

Les interventions

Retour sur quelques passages choisis.

NextJS et le PPR (Partial PreRendering)

Commençons avec la conférence de Kawtar Choubari. Développeuse à temps plein mais aussi créatrice de contenu et développeuse open-source, Kawtar s’intéresse à l’avenir de NextJS.
Vous connaissez probablement le principe de prerendering. Dans le contexte d’une application web, il s’agit d’une technique visant à améliorer la rapidité d’un site web. Cela fonctionne en chargeant préalablement certaines parties de l’application. En effet, il n’est parfois pas nécessaire de laisser au navigateur la lourde tâche de tout calculer. Certaines peuvent être déléguées au serveur.
Pour aller plus loin encore dans l’optimisation des performances, NextJS proposera bientôt un système de partial prerendering. Aujourd’hui, le rendu côté serveur permet de charger préalablement une route entière. Par exemple, la route “à propos” d’une application web. Ce système poussera le concept jusqu’au bout en permettant de distinguer des parties dynamiques et des parties statiques. Et ce, au sein d’une même page !
Prenons l’exemple d’une page produit : Le nom et l’image du produit pourraient être statiques alors que les recommandations ciblées en dessous du produit sont dynamiques. Avec le partial prerendering, on pourra optimiser la page. On chargera ainsi préalablement précisément ce dont l’utilisateur a besoin, ni plus, ni moins.
Pour en savoir plus au sujet du partial prerendering, je vous conseille la documentation de NextJS : https://nextjs.org/learn/dashboard-app/partial-prerendering .

La théorie des ensembles

Anthony Fu est une figure notable du monde de l’open-source. Il participe notamment au projet vite en tant que membre “core” et a créé vitest. Il nous a fait l’honneur de venir nous parler d’open-source, une première pour React Paris !
Sa présentation traitait de la théorie des ensembles (“the set theory” en anglais) appliquée à l’open-source. Elle s’inscrit comme première d’une série et il souhaite la continuer en faisant davantage de conférences.
Anthony nous explique comment la théorie des ensembles nous permet d’améliorer nos priorités et de recadrer nos objectifs. Ceci peut être très utile lorsque nous souhaitons faire de l’open-source. Il s’agit de comprendre que le projet sur lequel nous travaillons correspond peut-être à un besoin plus large. Il prend comme exemple vscode-vue-i18n, un projet assez spécifique car il concerne VSCode, Vue et i18n. Selon la théorie des ensembles, le besoin auquel répond cette extension est à l’intersection entre plusieurs ensembles : VSCode, Vue, i18n. Cette perspective permet de comprendre qu’il est possible d’augmenter le niveau d’abstraction du besoin. Ainsi, on peut mettre en place une solution plus générique. C’est comme çaque i18n-ally est née. Cette extension répond au même besoin mais pour de nombreux langages/frameworks, pas seulement Vue.

L’IA dans le web : un avenir prometteur

La conférence qui m’a le plus marqué était celle animée par Nico Martin, un développeur suisse passionné par le potentiel des IA. Ses découvertes offrent une perspective prometteuse, notamment avec des outils comme Tensorflow, développé en open source par Google.

Nico nous a présenté une démonstration assez dingue d’intelligence artificielle appliquée au web. Il a illustré l’utilisation d’un LLM (Large Language Model) dans une application web, exploitant le GPU d’un serveur pour garantir une expérience fluide. Il a également partagé une extension qu’il avait développée qui permet de détecter et interpréter les mouvements de l’utilisateur via la caméra de son ordinateur. Par exemple, en pinçant les doigts, l’utilisateur pouvait effectuer des actions telles que cliquer ou scroller dans la page. Ce qui était particulièrement impressionnant, c’était de voir une IA fonctionner directement dans le navigateur.

Actuellement, l’IA est encore trop volumineuse pour être intégrée directement dans le navigateur, surtout dans le cadre d’applications réelles, comme l’illustre l’exemple de Nico pesant 1,6 Go. Cependant, cette démonstration ouvre des perspectives prometteuses pour l’avenir de l’IA sur le web, laissant libre cours à notre imagination quant à ses applications potentielles.

Nico nous a offert une vision optimiste de l’impact de l’IA sur l’accessibilité web. Aujourd’hui, les contraintes matérielles peuvent rendre la navigationEnsemble de liens et de boutons qui aident les utilisateurs à se déplacer et à trouver des informations dans une interface. More web difficile pour certaines personnes. Cependant l’utilisation de l’IA pourrait jouer un rôle essentiel dans l’amélioration de l’accessibilité, notamment pour les personnes en situation de handicap. Pour approfondir ce sujet, je vous recommande la lecture de l’article de l’article de Jakob Nielsen sur l’UI générative, ainsi que celui de Hamza Iqbal sur l’accessibilité en général.

Le networking

React Paris, c’est aussi l’occasion de rencontrer de nombreux professionnels qui ont des choses à partager.
J’ai pu parler à des développeurs open-source, des entrepreneurs, des conférenciers et d’autres développeurs comme moi.
Les pauses de 30 minutes autour d’un buffet permettaient de faire connaissance.
Il y avait aussi des stands d’Algolia, React Bricks et Bear Studio, parmi de nombreux autres sponsors. J’ai aussi pu échanger avec les développeurs d’Algolia à propos de leurs thématiques (et ils m’ont convaincu d’utiliser leur service, ils font forts 😉 !).
En bref, React Paris est aussi une belle occasion de faire du networking.

Merci BeJS

En conclusion, je ne peux que recommander cet événement.
C’est une journée riche en découvertes, en réflexion et en échanges. J’ai pu y découvrir les dernières avancées technologiques mais aussi m’ouvrir à de nouveaux aspects de mon métier.
Merci à tous les participants, merci à BeJS ainsi qu’aux sponsors et aux volontaires pour l’organisation de cette journée mémorable.