Skip to main content

πŸ“¨ #149: Panda CSS, React-Native 0.72, Server Actions, Isograph, MDX, Remix, Gatsby, Storybook, OpenNext, Wrap-Balancer, Fresh, Docusaurus, surveys...

Β· 7 min read
SΓ©bastien Lorber
SΓ©bastien Lorber
Newsletter Editor - Docusaurus maintainer

Hi everyone!

This week has been busier than last. In particular, there have been 2 great releases, one of them I was eagerly waiting for to hit publish!

  • Panda CSS: a very promising CSS-in-JS library
  • React-Native 0.72: great improvements, particularly those related to Metro

πŸ’‘ Check this newsletter on Twitter - visual format 🎨

To support me:

Don't miss the next 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​

    Panda CSS

    Panda CSS

    Segun Adebayo (creator of Chakra UI) unveils his long-awaited CSS-in-JS library (trailer). It offers very great DX, is based on modern CSS features (cascade layers), is performant (static analysis at build time, no runtime, atomic CSS)... In short, it ticks a lot of boxes and is generating a lot of interest. It integrates particularly well with React (JSX style props, React Server Components compatible, etc.), but can also be used with other frameworks.

    This is a library to keep a close eye on and one that could well compete with Tailwind: it integrates better with the target frameworks and doesn't force you to use a lengthy className.

    Don't miss the next email!

      πŸ’Έ Sponsor​

      Leverage the power of React in prototyping

      Leverage the power of React in prototyping.

      Bring React components into the design process and let designers prototype with the same elements that you use to build the end product.

      Remove the disconnect between design & code and release products faster!

      Try component-driven prototyping with UXPin Merge.

      πŸ“± React-Native​

      RN 0.72

      React Native 0.72 - Symlink Support, Better Errors, and more

      After several Golden RCs, the latest version of React-Native has finally been released and will shortly be used in the Expo 49 SDK. There are quite a few improvements mentioned (DX, Hermes, performance...) and some breaking changes. I particularly like these 2 new features in the Metro bundler:

      • Symlinks (beta): long-awaited feature to simplify monorepo and pnpm support
      • Package Exports (beta): better encapsulation of libs, compatibility with the rest of the frontend ecosystem and ability to expose a specific React-Native entry point.

      πŸ§‘β€πŸ’» Jobs​

      πŸ§‘β€πŸ’Ό Passionfroot - Senior Full-stack Engineer (Remix) - €160k+, Berlin/remote

      Passionfroot's mission is to empower the independent businesses of tomorrow via YouTube, Podcasts, Social Media, and Newsletters. Join us in building a tool that will empower creators globally to build scalable, sustainable businesses.

      πŸ§‘β€πŸ’Ό Callstack - Senior React Native Developer - Fully Remote, PLN 21-32k net on B2B, monthly

      Do you want to work on the world's most used apps? Would you like to co-create the React Native technology? Join the Callstack team of React & React Native leaders. Check our website for more details. We are looking forward to seeing your application - show us what you've got!

      πŸ§‘β€πŸ’Ό G2i - 100% Remote React Native Jobs

      We have several roles open for developers focused on React Native! Pay is ~160k plus 10% bonus. You must have production experience with RN and be based in the US. DM @gabe_g2i to learn more and don't forget to mention This Week in React.

      πŸ’‘ How to publish an offer?

      πŸ”€ Other​

      🀭 Fun​

      alt

      See ya! πŸ‘‹


      Don't miss the next email!