DEV Community

Cover image for This Week In React #147: RSCs, Next.js, Remix, Error Boundary, JSX, Raycast, Spotify, Triplex, ReMDX, Astro, TypeScript...
Sebastien Lorber
Sebastien Lorber

Posted on • Originally published at thisweekinreact.com

This Week In React #147: RSCs, Next.js, Remix, Error Boundary, JSX, Raycast, Spotify, Triplex, ReMDX, Astro, TypeScript...

Hi everyone!

This week, we're celebrating 10 years of React! πŸ₯³οΈ

There have been quite a few interesting articles these last 2 weeks, particularly related to the complexity of introduced with Server Components. Dan Abramov has published some interesting resources on the subject. Remix and Redwood have announced their intention to support RSCs.

On the React-Native side, 3 conferences have been held recently and playlists are becoming available on YouTube. I had a great time at the React-Native-Connection, a new React-Native conference in Paris. Thanks to everyone who came and made this first edition a success.

So cool, the newsletter won a React Open Source Award at the React Summit conference! Thanks to everyone who voted for me, I wasn't expecting to win given the other nominees πŸ˜†

award


πŸ’‘ Subscribe to the official newsletter to receive an email every week!

banner


πŸ’Έ Sponsor

Start UI

Start UI [web] - Opinionated web app UI starter

Our free and open source UI web app starter offers a quick and easy way to bootstrap your next project. It includes best practices & production ready tools to help you get started right away, saving you time and effort in the initial setup phase.

Comes with built-in features like πŸ”Β Authentication, πŸ“±Responsive Layout, πŸ§‘β€πŸ’»Β User Management, πŸ‡«πŸ‡·Β Internationalization & Right-to-Left support, 🌚 Dark Mode, πŸŽ›Β Advanced components for easy development. You can try out the example app.

Ready to use with TypeScript, NextJS, Chakra UI, TanStack Query, Storybook and more.

πŸš€ Start UI [web] on GitHub


βš›οΈ React

Why do Client Components get SSR'd to HTML?

Why do Client Components get SSR'd to HTML?

Dan Abramov's short visual explanation of the difference between the Client Tree (what we already knew) and the Server Tree (new). I found this diagram interesting, because it demystifies an easy confusion: Client Components are in fact what we used to call simple React components. During SSR, Client Components are executed on the server, exactly as before.


How the Raycast API and extensions work

How the Raycast API and extensions work

Raycast is an extensible launcher for MacOS, an app renowned for its quality. This article explains the steps they went through to implement their plugin system. They didn't want to compromise on UX and DX: no WebView nor Electron, good security, and the possibility of using npm packages. They finally opted to create a custom React renderer that runs in a separate Node process, and drives native views with Swift through a JSON bridge. It looks a lot like React-Native.



πŸ’Έ Sponsor

Nylas

OpenAI + Nylas chat on generative AI : Watch now!

Want an inside look at the future of generative AI? Evan Morikawa, Applied Engineering Manager at OpenAI, and Christine Spang, CTO and Co-Founder at Nylas, dive into what’s next for generative AI.

They’ll discuss what it takes to deliver and maintain AI solutions at scale, what AI's next stage of maturity looks like, and much more. Get the replay now.

Want to start building with ChatGPT + Email API calls in React? Here’s a guide to get you started.


πŸ“± 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

See ya! πŸ‘‹

Top comments (1)

Collapse
 
mlucas2805 profile image
marie Lu-K

very good articles thank you!