React Hebdo #27: ReactNative, Storybook, Rescript, Recoil, MDX, Apollo, Flutter web...

Sébastien Lorber

Aug 30, 2020

React

Une lib React pour créer des interfaces futuristiques. C'est plutôt bien fait.

Je sais pas si votre boss voudra l'utiliser sur votre progiciel comptable :D

L'auteur refactor 3 petites apps Redux vers Recoil.

L'intro officielle Storybook a été revue, avec les nouveautés de la v6.

Article intéressant qui explique pourquoi et comment injecter certaines dépendantes par le context React. La terminologie "volatile" me parle pas trop par contre.

Rebranding et fusion de ReasonML et BuckleScript en Rescript. Pour rappel, c'est une solution poussée par Facebook pour faire des apps React en programmation fonctionnelle, s'appuyant sur l'écosystème OCaml.

Les vidéos de la mini conf sur MDX sont disponibles sur Egghead.

OkCupid explique qu'ils ont envisagés d'utiliser le local state d'Apollo (@client), et pourquoi ils ont préféré s'en passer. Je trouve aussi que c'est un peu lourd, trop de boilerplate pour pas beaucoup de plus value.

Article avec des démos sympas, qui donne une idée de ce qu'on peut faire pour animer des SVGs.

Analyse intéressante sur la scalabilité de Svelte, qui à des tradeoffs différents de React, lié à l'étape de compilation. Ca semble viable, et Svelte sera probablement plus léger que React pour beaucoup de usecases.

ReactNative

Une checklist en 8 étapes de points à vérifier avant de déployer votre app sur les stores.

Article complet et avancé avec des conseils assez "rares", j'ai appris quelques trucs :)

Le support de Windows en RN 0.62 était arrivé un peu avant. Microsoft release la plateforme MacOS en 0.62, avec le support du runtime Hermes!

Divers

Sortie en Alpha du framework mobile natif Android, avec une approche déclarative. C'est le SwiftUI d'Android. Il semble que l'approche déclarative proposée par React fasse l'unanimité pour la création d'interfaces.

Un bon article qui résume les tradeoffs de Flutter web, avec ses 2 backends CanvasKit et DomCanvas. Les use-cases de partage de code semblent différents de ceux de React-Native-Web.

David K Piano, connu pour XState, travaille sur une nouvelle librairie frontend pour créer un "actor system", inspiré de la lib Akka (Scala/JVM).

Media panel, screenshot de noeuds DOM, emulation de users inactifs, de mediaquery prefers-reduced-data... Pas mal de petits détails sympa.

Comments

Top New Community

No posts

#nojs-banner { position: fixed; bottom: 0; left: 0; padding: 16px 16px 16px 32px; width: 100%; box-sizing: border-box; background: red; color: white; font-family: -apple-system, "Segoe UI", Roboto, Helvetica, Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol"; font-size: 13px; line-height: 13px; } #nojs-banner a { color: inherit; text-decoration: underline; } This site requires JavaScript to run correctly. Please turn on JavaScript or unblock scripts