React Live

Hacks HOCs HOOKS

Ce que j'ai appris à React Live édition 2019

Le week end dernier donné un meetup à Londres puis j'ai voyagé jusque Amsterdam avec une partie de la coach team React GraphQL Academy pour assister avec plus de 800 développeurs React à une journée de conférence.

React Academy Developers

React Live

C'était ma première fois que je suis allé au Amsterdam Theater et je dois dire que le lieux est gigantesque!

Le concept de cet évènement est de faire une conférence avec beaucoup de live coding. Ceux qui ont déjà eu cette expérience savent que c'est un exercice difficile car il faut coder ET expliquer clairement ce que l'on fait. Pas toujours facile à faire surtout si vous êtes devant 800 personnes.

What goes into building a Design System

J'avais déjà croisé Sid à React Amsterdam pour un talk sur les Hooks et la gestion du state. Cette fois ci il a commencé la conférence…

…avec la bonne idée d'utiliser codesandbox pour les slides…

Sans internet…

Et la bonne nouvelle c'est qu'il y a des brouilleurs dans la salle qui bloquent le réseau. Dommage pour une conférence axé sur le web. En attendant qu'un bon vieux cable arrive il nous a fait la demo de fast.com comme outil de speed-test que je recommande chaudement.

React Live Sketchnote 1 par David Leuliette

Les liens du talk sont disponible sid.st/reactlive

Animating an SVG Cat with React.js

Elizabet Oliveira nous a présenté Framer motion pour animer un chat en svg.

⚠️ Protip: À tous mes amis designer il est important de nommer correctement ses calques sur sketch! Sinon c'est le chaos pour animer les éléments.

React Live Sketchnote 2 par David Leuliette

Building an iOS and Android app in 15 25 minutes using React Native

Si comme moi vous êtes developpeur React Native, je pense que vou devez connaitre infinite.red. C'est une boite aux US spécialisé dans le developement d'applications mobiles.

Jamon Holmgren nous a présenté comment utiliser MobX pour la gestion state au global, qui peut être une alternative à Redux.

React Live Sketchnote 3 par David Leuliette

Microfrontends

J'avoue les Microfrontends j'ai jamais compris le concept. Dans le cas où vous gérez un énorme site e-commerce avec des centaines de services différents cette architecture est une solution interessante.

React Live Sketchnote 4 par David Leuliette

Adanced Patterns, React 16+ & React Hooks.

Kitze c'était un peu la tête d'affiche de la conférence. J'aime bien son côté Indie Hackers.

Dans ce talk il a mélangé expérience personnelle avec les problématiques liées au freelancing. Trop souvent la technologie est utilisée pour résoudre des problèmes inexistants.

En tant que dévelopeurs nous sommes concentrés sur les mauvaises métriques.

React Live Sketchnote 5 par David Leuliette

React Native CodeGen

Si comme moi vous êtes developpeur React Native, vous avez déjà plus ou moins entendu parler de l'architecture avec le Bridge et le Thread JavaScript qui permet de communiquer avec le code Natif.

React Live Sketchnote 6 par David Leuliette

Next Level Coding with Next.js

Le Server Side Rendering c'est compliqué. Sauf si vous utilisez le framework Next.js qui embarque tous les outils pour faire :

  • Du SSR
  • Client-side rendering
  • AMP

Bonus : envie migrer votre codebase en Typescript ? Il y a juste à renommer son fichier .js en .ts sans configuration.

React Live Sketchnote 7 par David Leuliette

Ce que j'ai appris à React Live édition 2019