React Hebdo #83: Remix 1.0, React Test Selector, Tamagui, R3f, Next.js, PopperJS, Bun, TypeScript, Lighthouse, Cloudflare...
React
Playgrounds StackBlitz et CodeSandbox
React-Three-Fiber est aussi cross-platform, et le support React-Native arrive dans la v8, comme le montre cette démo de Paul Henschel.
Extras:
L'équipe React clarifie: les Server Components ne seront pas dans la v18.0 mais arriveront plus tard dans une version mineure.
How To Prevent Unnecessary React State Update Re-renders: met en avant 2 techniques intéressantes pour éviter les render: utiliser le setState fonctionnel, et éviter de créer des shallow copies inutiles
Next.js: proposition pour off-loader les scripts tiers dans un web worker pour améliorer les performances, en utilisant potentiellement Partytown
🎥 What's Next.js #1: première vidéo d'une série de meetups en ligne sur le futur de Next.js. On y parle en particulier de Bun, le nouveau bundler en Zig qui est compatible avec Next.js.
🎥 "Should you learn JavaScript before React?" par Lee Robinson
💸 Sponsors
Tu peux me soutenir et sponsoriser React Hebdo: offre d'emploi, produit, cours, agence…
Indy: la comptabilité repensée pour les indépendants
Liasse fiscale, exercice comptable, amortissement… c'est un langage que tu ne maîtrises pas ? Découvre Indy, la comptabilité repensée pour les indépendants 💪.
Grâce à la synchronisation bancaire sécurisée et à l'intelligence artificielle, les transactions bancaires sont automatiquement catégorisées. En quelques clics, les déclarations fiscales sont préremplies et télétransmises à l'administration. Un doute ou une question ? Un support client aux petits soins répond par chat sous 4 minutes 😍.
🔥 Pour essayer Indy gratuitement durant 2 mois et sans engagement, rendez-vous ici.
Être freelance, très peu pour toi ? Ils recrutent des profils tech à Lyon !
React-Native
La solution est compatible avec le Server-Side-Rendering, et le site est d'ailleurs en Next.js.
Il faudra étudier comment cette nouvelle solution se différencie de Dripsy.
Extras:
react-native-performance: nouveau plugin Flipper pour monitorer la performance et le FPS de vos apps React-Native.
Don’t use the wrong JDK for React Native if you’re using an M1 Mac: Jamon nous recommande d'utiliser le JDK d'Azul pour compiler nos apps Android 2x plus vite.
La v3 de PopperJS est découplée du web et pourra tourner sur React-Native
Nouvelle demo Skia: utilisation d'un moteur physique Box2D
Une app Expo de moins de 5mb: c'est une taille qu'il est possible d'atteindre avec Expo Application Services si votre app est petite (contrairement à avant EAS ou l'app était beaucou plus grosse).
"we now have 1200+ React Native screens in the Facebook app"
💸 Jobs
Luko | React Native Staff & Senior Engineer
Luko est la néo-assurance qui connaît la croissance la plus forte en Europe ! Notre ambition: rendre votre foyer plus sûr en travaillant de manière éthique. L’application est déjà notée 4.8/5 (iOS / Android) avec 100.000 visiteurs mensuels !
On recrute 2 profils pour rejoindre nos 6 ingénieurs React Native:
Staff Engineer: 80k€+
Senior Engineer: 60k€+
Au programme: Typescript, GraphQL, React Query, Shopify/Restyle, Testing Library, Detox, Bitrise…
CDI - Full-remote possible (notre culture) - Salaire + stock options (grille de salaire) + jours de congés illimités.
Divers
Cette article donne une bonne vision d'ensemble des tendances actuelles qui visent à améliorer les performances de nos Single-Page-Applications (et éviter la "uncanny valley") et conduisent à l'arrivée d'innovations dans l'écosystème React (server components, streaming SSR, progressive hydration...).
Extras:
Lighthouse 9.0: avec le support des user flows pour mesurer l'expérience SPA dans son ensemble
Cloudflare Pages Goes Full Stack: Cloudflare rattrape son retard en DX sur ses concurrents Netlify et Vercel: il est maintenant possible de deployer des Cloudflare Workers via un simple
git push
, ce qui devrait faciliter l'usage de nos meta-frameworks ReactTypeScript 4.5: comme prévu, le support des ES modules pour Node.js est retardé. Cette release contient tout même quelques améliorations sympas, comme
Awaited
et tail-recursion sur les conditional typesAstro 0.21: usage de Vite, nouveau compiler écrit en Go, système inspiré à MDX pour mélanger Markdown et composants.
Svelte Cubed: Rich Harris a open-sourcé une lib expérimentale pour utiliser Three.JS avec Svelte
Introducing “Shadow Palette Generator”: nouvel outil de Josh Comeau pour aider à designer des ombres réalistes
GitHub’s commitment to npm ecosystem security: 2FA devient nécessaire pour publier un package populaire
Proposals.es: pratique pour naviguer dans les proposals ES du commité TC39