abonnés
éditions
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 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…
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…
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 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 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…
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…
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…
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 …
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 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…
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 …
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…
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…
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 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…
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…
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é…
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 …
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, …