React Hebdo
Par Sébastien Lorber
abonnés
éditions
React Hebdo #110: Fresh, Hydrogen, Next.js, Remix, Storybook, useEffect, MJML, MDX, React-Native, ES2022...
Fresh 1.0Le framework Preact officiellement supporté par Deno passe en v1 et considéré comme production-ready. Fresh me fait penser à un mélange entre Remix et Astro: pas de JS par défault, progressive enhancement, multi-page app avec islands architecture. Il…
React Hebdo #109: React Labs, Linaria, React-Aria, Design System, Ladle, Sandpack, Redwood, React-Native, Moon...
React Labs: What We've Been Working On – June 2022React Labs est une nouvelle série d'articles: l'équipe React souhaite partager plus régulièrement son avancement sur des travaux plus ou moins expérimentaux. Je conseille de lire l'article en entier. On y retr…
React Hebdo #108: App.js, Fresh, Reassure, Million, Hydrogen, Gatsby, Treasured, WebComponents, React-Native-Web, Zeego, TC39...
Fresh - The next-gen web framework.Luca Casonato (Deno core team) dévoile un nouveau meta-framework pour Deno basé sur Preact. Quelques points communs avec Next.js et Remix (FS routing, progressive enhancement). Islands architecture pour l'hydratation. Pas de…
React Hebdo #107: Plasmo, Panapasi, Fastify-DX, Remix, TanStack, Redwood, Solid, useInsertionEffect, JSI, Vite, Angular, Safari...
Plasmo - Like Next.js for browser extensions!Un nouveau framework dédié à la création de browser extensions, basé sur React et TypeScript. Open-source, core gratuit, qui propose un service cloud CI/CD payant. A étudier.Panapasi - The Universal UI LibraryOn vo…
React Hebdo #106: Remix, Framer Motion, Storybook, Gatsby, Remotion, Metro, Lerna, TypeScript, Three.js, LocatorJS, Tailwind...
React Router v6.4.0-pre.2Déjà annoncé via Remixing React Router: de nombreuses abstractions de Remix (action, loader...) vont être ajoutées à React-Router. Cela arrive dans la v6.4, actuellement en pre-release. La doc pour les Data APIs est déjà disponible.Sh…
React Hebdo #105: useEvent, Next.js Layouts, Remix, Storybook, Reanimated 3, Expo 45, Tamagui, TypeScript, Markdoc...
React useEvent() RFCRFC de Dan Abramov qui propose de rajouter un nouveau hook useEvent(fn) dans React core, sans dependency array. La fonction/closure instable passée en paramètre est alors stabilisée (garde la même identité dans le temps). Cela permet d'évi…
React Hebdo #104: Zag, Ultra, ClickToComponent, Tilg, Next.js, Remix, Component Party, Expo, Skia, TypeScript...
Click To ComponentNouvelle lib très pratique, qui permet d'ouvrir facilement le fichier source d'un composant React, avec un simple Option + Click sur l'interface. Supporte CRA, Next.js, Vite... Ne fonctionne qu'avec VS Code, mais d'autres IDEs semblent prévu…
React Hebdo #103: Contentlayer, Remotion 3, Stale Closure, Cross-platform, Jest 28, Hydration, Netlify Edge Functions...
Contentlayer: Content Made Easy for Developers (beta)Contentlayer est un nouveau système qui propose de gérer la glue entre votre contenu (Markdown, CMS, Notion...) et votre code. Vous définissez un schema, et il va valider votre contenu puis le compiler et g…
React Hebdo #102: Lexical, Mitosis, Remix, Next.js, Redux, Storybook, TurboModules, Node 18, HTTP 103, CSS :has()...
LexicalNouvelle lib open-sourcée par Meta pour la création d'éditeurs de texte extensible (système de plugins pour supporter mentions, hashtags...). Semble être une alternative moderne et légère à Draft.js (pas besoin d'utiliser ImmutableJS cette fois 😏). Ne …
React Hebdo #101: Astro, Redwood, Next.js, Remix, React-Admin, Rust reducers, WebComponents, Gatsby, TypeScript, Rome...
Astro Server-Side RenderingAstro est un meta-framework moderne capable d'utiliser n'importe quelle lib UI (y compris React). Il supporte maintenant le server-side rendering, disponible en expérimental dans la v1.0 beta. Comme Remix, le framework propose une c…
React Hebdo #100: React-18, React-Native 0.68, Redwood, Remix, Next.js, TC39, Node Test Runner, Hydration, Rome
React v18.0React 18 vient de sortir! Cette nouvelle version propose de nombreuses améliorations et APIs dont on a déjà parlé: automatic batching, streaming SSR, Suspense, hydratation selective, nouveaux hooks (useId, useDeferredValue, useTransition...)Cette r…
React Hebdo #99: Remix, Next.js, Redux, Memoization, Storybook, Ladle, Wix, Shopify, React-Native, CodeSandbox, Prettier, Deno...
Ladle - A drop-in alternative to StorybookLadle est un project d'un ingénieur Uber qui aime Storybook mais pour autant constate divers problèmes de performance au sein de son entreprise: temps de build, de démarrage, Time-To-Interactive... Il a donc créé une …
React Hebdo #98: React 18 RC2, Framer Motion, 3D Avatar, Parca, React-Native, Solito, Flutter, TypeScript, Safari...
How to Upgrade to the React 18 Release CandidateReact 18.0.0-rc.2 vient juste de sortir (tag npm @rc). L'équipe React publie un blog post (+ 🧵 thread) pour nous préparer à l'arrivée de cette nouvelle version qui propose des features concurrentes (que l'on peu…
React Hebdo #97: React vs Solid, Headless Components, FS-structure, Remotion, Gatsby, React-Native, Expo, Skia, Vitest, Socket, Interop 2022...
Solid.js feels like what I always wanted React to beExplique pourquoi Solid est plus simple que React. Solid est réactif, qui update directement le DOM (sans virtual DOM). La fonction de rendue n'est appelée qu'une seule fois, même si le state change, et il n…
React Hebdo #96: Next.js, Gatsby, Remix, Remotion, React-Native, Glassmorphism, Deno, TypeScript, Qwik...
Comparing Gatsby and Next.js for website developmentAlex explique pourquoi son agence préfère Gatsby à Next.js pour le développement de sites web. C'est plutôt bien argumenté. Gatsby n'est pas hyper à la mode en ce moment mais je trouve que ça reste une bonne…
React Hebdo #95: onRecoverableError, Next.js, Remix, ReactNode, Fabric, Flipper, Expo, React-Runner, State Of JS...
React 18: onRecoverableErrorUne RC1 de React 18 devrait sortir prochainement avec cette nouvelle API, annoncée par Andrew Clark: "Small update on React 18: we're planning another RC for next week that includes improvements to error reporting"L'idée générale e…
React Hebdo #94: 2 ans 🥳️, memoization, composition, Remix, Next.js, Gatsby, React-Native, Windows, CSS, TypeScript, npm, SWC...
Using global memoization in ReactVladimir explique que parfois useMemo n'est pas suffisant, et on a parfois besoin de partager un cache entre plusieurs composants. Il propose 5 façons différentes de cacher les données de manière globale en dehors de ses compo…
React Hebdo #93: Server Components, Remix, Gatsby, React-Native-Web, Perf, Immutability, Stately, TypeScript, Deno...
Shopify: React Server Components best practicesCathryn partage son retour d'expérience sur l'usage des Servers Components chez Shopify, qu'elle a appris à utiliser avec leur framework Hydrogen. Elle conseille d'utiliser par défaut des Shared Components par dé…
React Hebdo #92: Remix, MDX 2, Lifetime Analysis, Story of React, Quick Start Docs, TypeScript, Node.js, Deno, Go, Rust, Error Cause...
Remix: Not Another Framework!Ryan Florence donne de bonnes raisons pour apprendre Remix, qui se base sur des APIs web standardisées. Il ne sait pas si Remix perdurera dans le temps, mais une chose est certaine: la connaissance ne sera pas perdue. C'est assez …
React Hebdo #91: Remix, Next.js, Server Components, Forms, React-Native, TypeScript, Monorepos...
Remix vs Next.jsOn a enfin une comparaison officielle avec Next.js!D'abord, il faut savoir que Remix apprécie beaucoup la plateforme Vercel, malgré la concurrence entre Next.js et Remix. Ce comparatif est basé sur une app e-commerce avec intégration Shopify, …