ReactHebdo.fr
Par Sébastien Lorber
abonnés
éditions
React Hebdo #115:Astro, Radix, Remix, Next.js, Storybook, Expo 46, Skia, TanStack, TC39, Docusaurus...
Announcing Docusaurus 2.0Pour ceux qui l'auraient manqué, Docusaurus est le framework sur lequel je travaille avec Meta. On vient juste de sortir la v2.0. Très content de ce lancement qui a été relayé un peu partout! 💝 Merci beaucoup d'avoir participé et cont…
React Hebdo #114: 🎉 lancement officiel de Docusaurus 2.0 🥳️
Meta a plein de projets internes/externes, qu'il faut à chaque fois documenter. C'est déjà compliqué d'écrire de la doc, alors si en plus il faut faire un site sur mesure à chaque fois, ça prend beaucoup de temps. En 2017 ils ont commencé à copier/coller un t…
React Hebdo #113: React source code, SOLID, Remix, Docusaurus, FP, Remotion, Rapier, Hermes, RN at Airbnb...
Reading Source Code: ReactAlex lis le code source React et commente plusieurs parties, en prenant comme point d'entrée le mount d'une application React. Des détails intéressants sur l'usage de prototypes, du JSX, et de l'intéraction du reconcilier (agnostique…
React Hebdo #112: JSX Expressions, Storybook, Remix, Actionless reducers, Atomic Forms, NPM trends, Expo, RN Keyboard, Bun......
Statements Vs. ExpressionsJosh Comeau prépare son prochain cours sur React. Il propose de revenir aux bases de JavaScript, et ainsi permettre une meilleur comprehension du fonctionnement de JSX qui ne fonctionne qu'avec des expressions. Sur le même sujet, j'a…
React Hebdo #111: Reassure, Multiplayer Cursors, Next.js, Meteor, Storybook, TanStack, FlashList, Bun...
ReassureReassure est une nouvelle librairie de test de performance en React. Déjà présentée, elle vient juste d'être open-sourcée. Elle permet de poster un rapport dans une pull-request quand des régressions sont detectées. Exemple: un composant qui re-render…
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…