React Hebdo #32: MobX 6, TypeScript, WebAssemblyScript, fiasco Hacktoberfest

Je ne sais pas écrire une boucle for en JavaScript, alors que je fais du React a plein temps depuis 2014 😅

Effectivement, j'ai tendance à oublier les détails de syntax, principalement parce que je fais souvent de la programmation fonctionnelle et n'utilise pas trop les boucles.

React

MobX fête ses 5 ans. 

La version 6 ne recommande plus forcement l'usage des décorateurs, au profit. d'une function makeAutoObservable, et propose un codemod pour migrer. 

Également la possibilité de désactiver l'usage de Proxy.

🇫🇷 Jamstatic nous propose une traduction de l'article de Jared Palmer, qui explique pourquoi il préfère NextJS à Gatsby.

Montre comment utiliser dangerouslySetInnerHTML d'une manière sécurisée. 

Ca marche mais pas hyper fan de la solution, l'appel à sanitize devrait être faite coté backend, et une seule fois. Si il faut le gardé coté front, utiliser un useMemo().

Swyx explique pourquoi il a appris à apprécier Taildwind en l'utilisant sur ses side projects, alors qu'il avait tendance à privilégier le CSS-in-JS.

ReactNative

Drispy propose une abstraction CSS-in-JS cross-platform (ReactNative + web) inspirée de Theme-UI. 

La version 1.0 apporte un support SSR, avec la possibilité de render dans Gatsby et Next.

Divers

Un post assez complet sur la nouvelle feature très puissante qui fait la une de TypeScript 4.1, qui décortique quelques exemples d'usage publiés par la communauté (on peut les trouver sur le repo awesome-template-literal-types)

WebAssemblyScript permet de compiler TypeScript en WebAssembly. Enfin, pas exactement tout TypeScript, seulement une partie qui m'a l'air un peu restreinte. 

A voir ce  qu'il sera possible de faire une fois le projet à un stade plus avancé.

Article sympa pour découvrir les Symbols en JavaScript, avec le use case de "cacher" certains attributs d'un objet. Présente aussi le registre global des symbols et les symbols system.

Pour ceux qui seraient intéressés de faire leur première contribution open-source durant Hacktoberfest.

Un Youtubeur Indien avec une grosse audience à incité sa communauté à contribuer à l'open-source en ouvrant des Pull-Requests très basiques (généralement changeant un détail mineur sur un README).

Résultat: les projets open-source populaires se font spammer de Pull-Requests inutiles.

Suite au problème de spam de Pull-Requests, DigitalOcean (qui dirige Hacktoberfest) propose de rendre les repositories sur lesquels on peut contribuer dans le cadre d'Hacktoberfest opt-in. 

La réponse est rapide mais cela ne fait pas l'unanimité. En tant que projet open-source, c'est appreciable de recevoir des Pull-Requests en Octobre, il faudrait trouver une solution pour ne pas s'en priver sans pour autant être spammé.

La release Node 14.13.0 permet d'utiliser la syntaxe ES named imports sur un module node en CommonJS, ce qui devrait résoudre pas mal de problèmes d'interop et aider à rendre les modules ES viable.

import { myFn } from "cjs-module"

Je découvre cette feature native qui permet de "cocher a moitié" une checkbox.

Lea Verou est déçue par l'état actuel des Web Components. Trouver un web composant qui fasse une chose très simple, sans JS, sans dépendances, en respectant les conventions des éléments HTML natifs n'est pas si évident.

Un nouveau runtime pour JS et TS en Go. 

Un parser/lexer/compilateur JS écrit en Rust.