React Hebdo #37: Deno, Portals, CSS, cross-platform avec Jetpack, Uno, KMM...

React

Un metaframework React, inspiré de NextJS, pour Deno, utilisant les modules ES natifs. Ne supporte donc que les navigateurs récents, à suivre.

Kent C Dodds nous propose de remplacer le context React, souvent utilisé pour le theming, par des variables CSS.

La semaine dernière, Harry Wolff expliquait ce que Vue fait mieux que React. Dans cette 2ème partie, il explique pourquoi il préfère tout de même React. 

Si vous utilisez encore des z-index dès que vous avez besoin d'une modale, cet article est pour vous.

Adrien partage son expérience suite à la migration de son blog de Gatsby vers Next.js

Propose un setup pour intégrer Tailwind avec React, et met en garde contre le piège des classNames générés dynamiquement qui empêche le bon fonctionnement de purgecss.

ReactNative

Compare différentes solutions de debugging en ReactNative: Flipper vs React Native Debugger vs Reactotron.

Perso, le remote debugger de Chrome me suffit dans la majorité des cas.

Divers

On parle souvent de la pyramide des tests. Ce post remet en question la prédominance des tests unitaires au profit de plus de tests end-to-end (forcément, l'auteur travaille pour Cypress...).

Je suis plutôt d'accord avec cette vision, en particulier pour nos applications frontend qui sont parfois relativement pauvres en terme de métier, et ne font qu'afficher des données backend.

Première release milestone de Compose for Desktop, qui permet de créer des apps Windows, MacOS, Linux. Repose sur Skia et la JVM.

Avec l'intéropérabilité Swing mise en avant, je serais pas étonné de voir Jetbrains migrer incrémentalement ses propres IDEs vers Jetpack Compose.

Avec 50% de son code mobile découplé des primitives visuelles de la plateforme (iOS, Android), Netflix expérimente Kotlin Multiplatform, qui semble être une bonne alternative à ReactNative quand on souhaite rester au plus proche de la plateforme.

Une nouvelle solution pour faire du cross-platform, basée sur C#: iOS, Android, Web (via WebAssembly), MacOs, Windows, Linux...

Hacker News a vite fait remonté un problème: comme pour Flutter, le support web est problématique, et l'exemple de la calculatrice en WebAssembly est extrêmement lourd.

Josh Comeau nous explique pourquoi c'est si difficile d'implémenter un design pixel perfect, et nous propose quelques astuces qui pourraient aider a garder de bonnes relations avec son designer :)

Qui n'a jamais utilisé une librairie comme Masonry ou Isotopes pour implémenter un layout a la Pinterest? Sera peut être supporté nativement d'ici quelques temps.

Article utile pour ceux qui ne sont pas familier des termes stack, heap, garbage collector, memory leaks...

Présente les choix réalisés pour la localisation du site ChromeOS, basé sur Eleventy. Détecter la langue de l'utilisateur. Subpath ou subdomain, gestion des traductions...

Deno change de bundler et passe a swc (Rust), qui va jusqu'a 15x plus vite.

Implémente un router en vanilla TS, via la nouvelle feature de template literal string de TypeScript 4.1 (qui vient de sortir en RC), pour s'assurer que la page en question est bien compatible avec les params déclarés dans l'url.