React Hebdo #15: Reparenting, Caldera, Dokz, Reanimated 2, FluentUI, TS...

React

Permet de déplacer un composant d'un endroit à l'autre de l'arbre React, sans le unmount/remount.
Note: il s'agit d'un réel déplacement, c'est pas pareil que les projets qui permettent de render dans un autre arbre (react-gateway, react-tunnel...). 

Phoenix LiveView en Node/React?

A surveiller!

Nouvelle solution, basée sur NextJS, pour générer un site statique de documentation. Les autres outils populaires sont Docusaurus et Docz.

La validation de formulaires en React, avec de nombreuses librairies comparées.

ReactNative

Animations performantes et expressives en ReactNative. On peut utiliser du JS "normal" au lieu du graph d'objets Reanimated v1.

Un design system cross-platform en cours de dev chez Microsoft.

Particularité: support de Windows/MacOS avec tout ce que cela implique (écran large, curseur, hover etc...)

Pas beaucoup d'infos, il faut fouiller dans le code.

Pour réaliser un onboarding pas-à-pas. Projet cross-platform: tourne aussi sur le web! 🇫🇷Par Xavier Carpentier

🇫🇷Authentification par numéro de téléphone avec Expo et Firebase.

Divers

J'espère quand même qu'ils ont utilisé TypeScript 😅 Un dev a regroupé les infos de diverses sources.

Si vous êtes blogger technique, certaines plateformes peuvent vous payer jusqu'a 500€ par article! 

Une bonne occasion de financer son personal branding.

Je suis pas fan. Je préfère les union types de string.

Effet visuel sympa, avec la propriété CSS "shape-outside"

Avec pas mal de stats

• class properties 

• meilleur tree-shaking avec React lazy/memo

• nouvelle archi polyfill (possibilité d'utiliser es-shims)
  

• module attributes (stage 1)

• fixes optional chaining

Raccourci pratique pour vos overlays qui recouvrent tout :)