Skip to main content

πŸ“¨ #135: Signals, Sandpack, React doc, Server References, TanStack Start, Next.js, Remix, Hydrogen, Storybook, Expo, TypeScript, rspack...

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

Hi everyone!

After a little break, we catch up with 2 weeks of news: a packed edition!

This Week In React just celebrated its 3rd birthday! I made a little thread to explain where I am, including links to my "build in public" pages. TLDR: the newsletter is finally viable, with more than 17500 subscribers, growing fast, and 27k€ turnover in 2022. Thanks you for supporting me over the years and making all this possible!

The Call for Paper for the React-Native-Connection conference (June 1st in Paris) is open. Don't hesitate to participate. Travel and 2 nights of hotel are taken care of for the speakers. I am part of the program committee.

I'm going to change the way I do the Twitter thread for various reasons. In particular, I find that the formality of the thread makes me less authentic and does not spark any interesting discussions. I also feel that the Twitter algorithm is becoming less and less fond of external links and is penalizing me. I will continue to be active on Twitter to share React news with you, but in another form.

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

To support me:

Don't miss the next email!

    πŸ’Έ Sponsor​

    refine

    refine - 100% open-source, headless React framework for building CRUD apps

    Check out refine before starting your next admin panel, dashboard or internal tool. You'll be amazed at how much faster you can develop while still remaining flexible!

    βš›οΈ React​

    useSignal() is the Future of Web Frameworks

    useSignal() is the Future of Web Frameworks

    Misko is the creator of Qwik and AngularJS. He highlights the interest of signals, and makes a comparison with the way React works. React uses directly the value of the state, while signals use a getter, and create subscriptions when this getter is called.

    Signals allow for automatic optimization of re-renders with fine granularity, without the need for memoization. Intermediate components that sometimes only do props drilling do not need to re-render.

    This article was published the day after the Angular announcement that plans to use signals (a demo is now available).

    Andrew Clark has commented on the potential introduction of signals in React. He prefers for the moment to bet on the React Forget compiler, which we should have news soon via a React Labs article. I think it's a good thing that React is going against the trend and continue to explore the current direction.

    Announcing Sandpack 2.0 and a Node.js runtime for any browser

    Announcing Sandpack 2.0 and a Node.js runtime for any browser

    CodeSandbox announced the new version of Sandpack, a tool that allows to create interactive live-coding experiences in the browser (code editor + preview). Sandpack integrates well with React thanks to a dedicated package. The v1 was already used on the new React beta docs site, by Josh Comeau and many others.

    This v2 is based on the new NodeBox technology which allows to run Node.js in the browser. It is possible to run Next.js, Vite, Astro and other stacks.

    This reminds of StackBlitz's technology, that just announced the WebContainers API. The Sandpack article explains the differences between NodeBox and WebContainers technologies.

    useSignal() is the Future of Web Frameworks

    React.js: The Documentary

    You probably already know that a documentary about React is out πŸ˜‰ ! I'm putting some cool bonus links:

    Don't miss the next email!

      πŸ’Έ Sponsor​

      surveyjs.jpg

      Extensible JavaScript libraries for surveys and forms

      SurveyJS is a set of open-source JavaScript form libraries that you can easily integrate into your web app. It lets you create and run multiple forms, retaining all sensitive data on your servers, or have your own self-hosted WYSIWYG form builder that non-tech users can use directly.

      You can also analyze survey results in custom-built dashboards, save your forms to PDF, or simply convert them to editable PDF files. It offers native support for React and Angular rendering and total freedom of choice as to the backend, because any server + database combination is fully compatible.

      πŸ“± React-Native​

      Expo SDK 48 beta is now available

      Expo SDK 48 beta is now available

      The new SDK Expo was released in beta almost 2 weeks ago. The stable version should be available vey soon! Highlights:

      • React Native 0.71.3 - React 18.2.0
      • Expo Image v1 RC
      • Expo Router v1 RC
      • EAS builders under M1 by default
      • Hermes engine by default
      • All Expo modules support Fabric - experimental

      πŸ§‘β€πŸ’» 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!