React Hebdo #28: React-Native: Skia, MacOS, Windows... TypeScript 4.1

React

Kent C Dodds explique pourquoi il aime React:

• Simplicité

• Updates de state explicites

• JSX au lieu de templates

• Hooks

• Cross-platform

Un framework avec la même API que React, supportant le ConcurrentMode, mais sans VirtualDOM... à Surveiller!

RFC pour un nouveau composant image pour NextJS

ReactNative

Pour rappel, Skia est le moteur de rendu 2D derrière Flutter. Offre de nouvelles possibilités cross-platform très intéressantes pour le cross-platform en ReactNative, et un rapprochement avec la manière dont fonctionne Flutter. Kudo à présenté son talk à ReactNative EU.

La conférence ReactNative EU 2020 en remote est terminée, et les videos des streams sont disponibles en ligne. 

• Jour 1

• Jour 2

J'y ai donné un talk sur le cross-platform: React-Native, Jamstack, and beyond.

Des news de Microsoft sur le support Windows & MacOS:

• Windows supporte React-Navigation

• Hermes pour React-Native-MacOS

• Windows en ReactNative 0.63

• MacOS en ReactNative 0.62

• PlatformColor, Pressable, LogBox...

Un outil présenté à ReactNative EU. Chez Wix, ils mesurent les perfs de chacun des users en production, en conditions réelles.

Le nouvel IDE Cloud de Github (en beta), est en mesure de faire tourner un projet Expo. Il n'y a qu'a scanner le QRCode :)

Liens

Releases, libs et liens divers:

• Fresh: nouvelle lib de forms en React

• Elder.js: un générateur de sites statique en Svelte (+ SSR)

• Stitches: nouvelle lib atomic CSS-in-JS

• Webpack 5 bientot en RC

• Frontman: générateur de sites statiques (en Ruby), par Algolia

• Eleventy-high-performance-blog: starter Eleventy (par Google)

• Twelvety: un autre starter Eleventy

• Stencil 2.0: pour ceux qui aiment les web-components

• ESLint public roadmap

• httpstat: pour visualiser les perfs d'un appel http

• type-challenges: pour s'entrainer en TypeScript

Divers

JeSuisUnDev propose un très bon résumé de GPT-3, l'IA qui inquiète, par ses capacités à écrire du contenu (qui fait la première page HackerNews) ou encore coder une TodoList en React.

2 nouvelles features prévues pour TypeScript 4.1 font parler d'elles, en particulier Template string types qui ouvre la porte à plein de nouvelles possibilités (donné quelques exemples sur LinkedIn). A surveiller de très près!

Après ReactNative et Flutter, une nouvelle solution cross-platform est en train d'émerger: Kotlin Multiplatform Mobile (KMM) vient de sortir en alpha. Ne permet cependant pas de partager le code de l'UI (pas dans la philosophie de Kotlin Multiplatform).

Un générateur de projet XCode, basé sur un fichier de configuration. Je crois qu'il y a eu un talk ReactNative EU qui en parle, pas encore vu.

Article complet sur cette métrique des Core Web Vitals de Google, par Boris Schapira, un Français qui travaille sur un outil de mesure de performances web (Dareboost).

Matt Mullenweg, le co-fondateur de WordPress, donne quelques arguments contre la Jamstack (temps de build et fragilité de reposer sur une multitude de SaaS). Forcement, il prêche pour sa paroisse, mais ça reste pertinent.

Liste des outils gratuits et payant pour aider au développement de sites responsives.