DEV Community

Cover image for This Week In React #143: RSC Quiz, useFormStatus, Panda CSS, useLayoutEffect, Million.js, Super Apps, React-Three-Fiber, Vite...
Sebastien Lorber
Sebastien Lorber

Posted on • Originally published at

This Week In React #143: RSC Quiz, useFormStatus, Panda CSS, useLayoutEffect, Million.js, Super Apps, React-Three-Fiber, Vite...

Hi everyone!

We have a lot of great React articles this week, but also some nice releases. I liked the breakdown of the animations on the new Next.js website, and the discovery of the new Panda CSS library.

We feel that React is becoming more and more a framework with the Server Components. A new experimental hook useFormStatus is coming πŸ‘€.

Callstack offers us a nice resource on Super Apps in React-Native.

There was a big wave of layoffs at Meta πŸ˜“.

FYI this newsletter has a Discord chat. It used to be French-only, but I reorganized it to welcome all of you now, so please join us and let's have a chat!

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


πŸ’Έ Sponsor


React-admin - The Open-Source Framework for B2B apps

Are you currently building an admin panel with React? If so, we have some exciting news for you! By using React-admin, an open-source framework for B2B apps, you can spare yourself days of coding! 🀩

With React-admin you can not only save valuable time, but you can also become a better developer! You don't have to take only our word for it, though. There are already over 20,000 developers who use it daily and swear by its effectiveness. And if you're curious about the experiences of developers who have used React-admin for years already, check out NPO Caritas' testimonial.

Join our thriving community as well as Discord server, so you can stay up-to-date on the latest React-admin updates and get support from a network of experienced developers.

So what are you waiting for? Start using React-admin now, it’s free πŸ˜‰, and take your development to the next level! πŸš€

βš›οΈ React

Crafting the Next.js Website

Crafting the Next.js Website

You may have noticed the new landing page? Rauno works at Vercel and deconstructs the UI subtleties of this page. Personally I love their gradient tracing technique! Interesting React implementation and great result.

Panda CSS – CSS-in-JS without Runtime Overhead

Panda CSS – CSS-in-JS without Runtime Overhead

Panda CSS is a new zero-runtime CSS-in-JS library under development for the future of Chakra UI. The Panda doc is not yet available, but this article gives a first pragmatic overview in a Next.js context.

πŸ’Έ Sponsor is a headless CMS for Markdown-powered sites 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-Native

Super App Development

Super App Development

Callstack published a great resource on Super Apps, which allow to assemble several mini apps under a single mobile interface. They describe the business and organizational benefits as well as the possible technical solutions, and highlight their preferred solution: Re.Pack and Module Federation. There is also a repo Super App Showcase with an example Super App to study.

Super Apps are popular in Asia (WeChat, MoMo...) but are gaining momentum. My intuition tells me that the PlayStation 5 UI could be a React-Native Super App, to be confirmed!

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


See ya! πŸ‘‹

Top comments (0)