Aller au contenu principal

📨 #148: Remix Routing, Hydration, React.FC, Vite + RSC, Zedux, Astro, Tremor, Valhalla, Reanimated, Expo-Apple-Targets, XCode 15...

· 7 minutes de lecture
Sébastien Lorber
Editeur - Mainteneur de Docusaurus

Salut à tous !

Bon, Dan Abramov est en vacances, c'est sans doute pourquoi il ne s'est pas passé grand-chose cette semaine dans notre cher écosystème 😅

On a cependant quelques articles intéressants et un potentiel package officiel pour intégrer les React Server Components avec Vite.

Je cherche toujours un stagiaire ou alternant, n'hésites pas à postuler!

💡 Consulter cette newsletter sur Twitter - format visuel 🎨

Pour me soutenir:

Ne manque pas le prochain email !

    💸 Sponsor

    Tina.io is a headless CMS for Markdown-powered sites

    Tina.io is a headless CMS for Markdown-powered sites

    • Editing UI for your Markdown files
    • UI for MDX components
    • Supports static (SSG) and server-side rendering (SSR)
    • Option for visual editing (live-preview)
    • Build with reusable blocks

    Test a starter site

    Or run  npx create-tina-app@latest then visit localhost:3000/admin

    Watch the 4-min demo video

    ⚛️ React

    Colocate your routes into feature folders with Remix Custom Routes

    Colocate your routes into feature folders with Remix Custom Routes

    Explique comment le flat file routing de Remix v2 va améliorer la colocation du code par feature. Il est possible de l'activer dès Remix v1 avec un feature flag. Avec Remix, il est possible de créer ses propres conventions: Jacob propose d'améliorer encore plus la colocation avec remix-custom-routes et une convention de nommage utilisant le suffix .route.tsx.

    Hydration is a tree, Resumability is a map

    Hydration is a tree, Resumability is a map

    Donne un modèle mental intéressant pour bien comprendre la différence entre hydratation (React) et résumabilité (Qwik). Avec la résumabilité, tous les composants sont considérés comme static, et les event handlers sont le point d'entrée pour l'interactivité. Il n'y a pas besoin de parcourir un arbre (O(n)): avec la résumabilité la scalabilité est bonne, comme le lookup dans une hashmap (O(1)).

    Ne manque pas le prochain email !

      💸 Sponsor

      React Bricks is a CMS with visual editing for Next.js, Remix and Gatsby.

      React Bricks is a CMS with visual editing for Next.js, Remix and Gatsby.

      It's flexible for Developers: with React components you can create your own design system. Add true inline Visual editing to your JSX and add sidebar controls to edit props like the background color. You can choose Next.js, Remix or Gatsby and any CSS framework!

      Content editors can easily edit content inline without breaking the design system. It's as easy as using Word or Pages, allowing them to create landing pages in minutes without relying on developer resources.

      It's enterprise-ready with Collaboration, Time-machine, Single Sign-on, GDPR-compliant datacenters, Global CDN for optimized images, E-commerce integration, Fine-grained permissions, Scheduled publishing and more.

      Get started here: https://reactbricks.com

      📱 React-Native

      🧑‍💻 Jobs

      🧑‍💼 ReactHebdo + Docusaurus - Stagiaire/Alternant - Full-remote

      Mon offre de stage/alternance pour m'aider dans mon activité! N'hésite pas à postuler si tu es intéressé par l'open-source ou la création de contenu React!

      🧑‍💼 Shotgun - Senior Full Stack Engineer - 60-75k€ + BSPCE

      Shotgun est la billetterie des évènements electro. Nous recherchons des devs expérimentés pour travailler sur une stack moderne: React, React-Native, Typescript, GraphQL, NextJS, PgSQL, Vercel...

      🧑‍💼 Premier Octet - Développeurs(euses) React - Paris

      Nous cherchons des développeurs(euses) JavaScript passionnés. Vous interviendrez en développement sur des projets variés et motivants, à la fois serveur et front (React, Nest, Next), et éventuellement mobile (React Native).

      💡 Comment publier une offre d'emploi ?

      🏢 Vous recrutez en CDI ou freelance? Contactez-moi!

      🇫🇷 En français

      💡Tu peux m'envoyer ton contenu: sebastien@thisweekinreact.com !

      🔀 Autre

      🤭 Fun

      alt

      A plus 👋


      Ne manque pas le prochain email !