React Hebdo #10: Remix, Blitz, atomic CSS-in-JS, ES modules natifs...

Sébastien Lorber

Apr 30, 2020

Utilisé en production par le nouveau Facebook, Twitter, UberEAT... Ce concept permet de scaler efficacement votre CSS.

React

Premier aperçu de Remix, le nouveau framework de la team derrière React-Router. Alternative a NextJS avec focus SSR. Attention, il s'agira d'un produit payant (probablement abordable).

Nouveau framework Rails-like en React. Contrairement aux autres nouveaux type Redwood ou Remix, celui la se base sur NextJS.

Résumé de la conférence online "Women of React" 2020

Simplifie la création d'apps Slack en React, via un reconcilier React custom.

Un routeur React minimaliste, par TJ Holowaychuk

Support experimental de Fast Refresh

ReactNative

Pour intégrer des posts de réseaux sociaux dans une app ReactNative.

Satyajit Sahoo nous met en garde de faire attention aux composants créés pendant la phase render.

Divers

Snowpack est un "builder next-gen" qui ship des modules ES natifs sans bundling aux browsers. Svelvet permet d'utiliser Snowpack et Svelte ensemble.

Coté Vue, on joue aussi avec les ES Modules natifs. Utilisation de Pika CDN. Voir aussi les tweets d'Evan You.

Support VueJS en beta

Pas de grosse nouveauté.
Améliorations de perf
Comment // @ts-expect-error...

Pour assurer qu'on est type-safe entre le front et l'api, mais aussi entre l'api et la DB.

Vu sur LinkedIn

ReactNative 0.63 va grandement simplifier le debugging. En plus de Flipper, une nouvelle expérience "LogBox" est disponible. On a enfin des stacktraces utiles!

Pour ceux qui ont un Storybook, le SaaS Chromatic, utile pour les tests visuels, a maintenant un free plan généreux!

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