React Hebdo #43: Next.js, React-Query, Expo Application Services, Cloudflare Pages, Meli, Modular, RadixUI...

Sébastien Lorber

Dec 21, 2020

React

Lee Robinson (Vercel) propose un cours complet et gratuit dans lequel on créé un SaaS, basé sur une stack moderne: Next.js, Firestore, Chakra UI, SWR, Stripe, MDX...

Vercel publie le code utilisé pour organiser la conf Next.js, qui a eu près de 40000 participants. Bien entendu, c'est basé sur Next.js et Vercel :)

Encore un acteur de la Jamstack qui reçoit des sous. Le framework Next.js, et leur offre d'hébergement devraient continuer de progresser dans le bon sens. Voir également le post Next for Vercel de Guillermo.

Nouvelle version de React-Query disponible, avec un changelog assez conséquent.

Dans les nouveautés, on note un système de selector qui devrait permettre d'optimiser le rendu, un hook useQueries, et un système de retry sur les mutations.

Un article de blog interactif très sympa pour découvrir Framer Motion, avec différentes démos (animation SVG, interpolation, staggering...).

Un exemple d'utilisation des pragmas JSX et du contexte React pour fournir un système de theme. Si vous ne connaissez pas, c'est souvent utilisé par les libs CSS-in-JS pour rajouter la css props.

J'utilise une technique similaire pour rendre mes blogs posts MDX sur ReactNative (voir mon talk ReactNative EU).

Une nouvelle librairie de composants UI accessibles, fournie sans style, dans le but de concevoir votre propre design system. Dans le même genre que React-Aria, Reakit...

ReactNative

Expo dévoile enfin EAP, et la suite de services qu'ils sont en train de mettre en place pour builder et publier n'importe quelle app Expo ou ReactNative (possibilité d'inclure du code natif). On comprends également un peu mieux comment ils comptent monétiser leur écosystème.

Note: ce n'est qu'une première étape, on aura bientôt une expérience de dev aussi bonne que le workflow managed avec le client Expo, mais avec la possibilité de rajouter du code natif (il faudra probablement builder un client Expo sur mesure pour votre app).

Flipkart, le plus gros acteur e-commerce en Inde, partage un retour d'expérience sur leur usage de ReactNative dans le temps.

ReactNative est basé sur UIKit, le framework UI impératif pour iOS. Software Mansion fait de la R&D et propose de créer un renderer basé sur SwiftUI, le "nouveau" framework UI déclaratif pour iOS.

Bien que SwiftUI ne soit pas encore satisfaisant dans tous les cas de figure, ce framework semble tout de même être le futur pour iOS, et certaines features comme les widgets iOS 14 ne peuvent être créés qu'avec SwiftUI.

Divers

Presentation de EStimator, un outil pour estimer le gain potentiellement obtenu en deployant le JS dans une syntaxe plus moderne sur votre site. Présente ensuite comment le faire d'un point de vue technique.

Cloudflare, très réputé pour la performance de son CDN, dévoile son offre Jamstack. On pouvait s'y attendre, c'est dans la continuité de leur offrer serverless qui est également très intéressante.

Une plateforme open-source pour déployer des sites statiques et applications frontend.

Pourrait être utile si votre entreprise ne peut pas utiliser les SaaS comme Vercel ou Netlify pour des raisons politiques.

JP Morgan présente un nouvel outil qui permet de scaler le dev frontend avec plusieurs équipes, sur un monorepo Yarn Workspace.

Propose charger le JS conditionnellement en fonction des propriétés que le browser veut bien exposer (connexion, stockage, CPU...)

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