React Hebdo #18: TypeScript 4, ReactRouter 6, Expo 38, RNW 0.13, Gatsby Admin, Vite 1, Angular 10...

Sébastien Lorber

Jun 27, 2020

React

Pour les débutants: tour d'horizon des features JS à connaitre pour bien appréhender React.

Gatsby: un bon lot de nouveautées viennent d'être présentées. Un blog post plein de videos remplace la conf Gatsby Days annulée (lié à BLM), qui devait avoir lieu début Juin en remote.

On se rapproche d'une version stable, avec les nouvelles features qui vont permettre d'intégrer correctement le routeur avec les nouveautés React, et le pattern fetch-as-you-render.

Nouvelle version majeure pour la librairie, qui permet de fetcher des données dans ses composants React via un hook useQuery.

🇫🇷 Des conseils pour rendre les composants plus réutilisables, et améliorer leur encapsulation.

ReactNative

Avec ReactNative 0.62, et pas mal de nouveautés.

Le support Expo sera dans le prochain SDK 39.

Release de Detox 17, l'outil de test ReactNative end-to-end. Wix nous présente DetoxNext, et son plan pour réimplémenter Detox iOS en 3 phases.

PR de Microsoft pour le support de Hermes sur MacOS.
A noter que FB teste aussi Hermes sur iOS, mais seulement en dev car Apple n'accepte pas de moteur JS alternatif sur les apps iOS. Espérons que ça change un jour ou qu'on arrive à contourner ça...

Divers

Nouvelle beta TypeScript, avec variadic tuple types, labeled tuples...

Pour compiler son projet TypeScript, comment choisir, entre tsc et babel + preset typescript?
Cela dépend du type de projet, et Orta Therox donne des réponses pour faire le meilleur choix.

Riverpod, nouvelle librairie de state management pour Flutter, présente de nombreuses similarités avec Recoil, solution de state management pour ReactJS, open-sourcée récemment par Facebook.

Exercice intéressant de design de schema GraphQL en partant d'une interface existante (Dribbble).

🇫🇷 Analyse satyrique de l'impact du Covid 19 sur la croissance du travail en remote, qui n'est pas toujours apprécié quand on y est contraint.

Quand vous écrivez vos tests, si vous avez l'impression d'écrire 2 fois la même chose de 2 manières différentes, et de toujours devoir tout mocker, il y a surement un truc qui ne va pas.

On approche d'une version stable pour ce nouvel outil d'Evan You, basé sur les modules ESM, et censé améliorer l'expérience de dev. A noter qu'il n'est pas couplé a Vue, il y a des starters React, ReasonML...

Il y en a encore qui l'utilisent? :p
A priori une petite release par rapport a la v9.

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