DEV Community

Sebastien Lorber
Sebastien Lorber

Posted on • Originally published at thisweekinreact.com

This Week In React #137: Code Extraction, Server Components, Signals, Forget compiler, Next.js, Astro, Remix, TypeScript...

Hi everyone!

This week, there is still a lot of content about signals, but it's the turn of Server Components to take over the discussions!

One week left to send your talk proposal to the CFP of React-Native-Connection (Paris - June 1st).


💡 Subscribe to the official newsletter to receive an email every week!

banner


💸 Sponsor

Suncel

Build reusable blocks. Publish content faster. Get better Core Web Vitals and SEO.

Content editors : a game changer for companies that need to produce a lot of content and
have a strong SEO strategy. Marketers and content editors can edit and publish pages
without any complexity. Eliminate long delays and publish instantly. Pages and images are
optimized thanks to Next.js in order to achieve perfect Core Web Vitals scores.

Developers : plug and play with your existing Next.js app. Number of benefits to use
Suncel CMS as developer :

  • Build your reusable blocks in React
  • SEO Meta and sitemap are generated automatically (thanks to our SEO module)
  • Create your own custom settings in React
  • Admin customizable in React
  • No routing system needed to fit the CMS

Visit Suncel.io | 5mn demo video


⚛️ React

WTF Is Code Extraction

WTF Is Code Extraction

Miško (Qwik) explains the advantages of co-locating server/client code in the same file and the limitations of the current Next.js model (export extraction): you can only declare one getServerSideProps function and you have to make use of ReturnType to inject the right data type into the client component. Function extraction and closure extraction offer a better developer experience.

These techniques are not yet used in the React world today, but we can expect to see them appear in our frameworks soon. The Qwik team plans to decouple its code extraction from the framework. Tanner Linsley is collaborating with them and is already using this type of extraction on Bling, the toolkit that should power the upcoming TanStack Start framework.

I think we can also include React Server Components in the category of techniques that allow to seamlessly mix server/client code: we should rather consider this solution when discussing the current limits of Next.js.


React Server Components

React Server Components

After signals, it's the turn of Server Components to be in the spotlight this week. Dan Abramov triggered many discussions while looking for good mental models to explain the new feature. You'll have to dig into these discussions to find the analogies that speak to you the most.

Server Components could also have unsuspected benefits: a communication layer for Electron threads or a flexible data-layer for static site generators.



💸 Sponsor

Surveyjs - Extensible JavaScript libraries for surveys and forms

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


🧑‍💻 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

🤣 Other funny tweets this week

See ya! 👋

Top comments (0)