DEV Community

Cover image for This Week In React #144: Million.js, Layout Animations, Qwik, Lingui, Remix, React-Router, React-Native macOS, Expo Modules...
Sebastien Lorber
Sebastien Lorber

Posted on • Originally published at thisweekinreact.com

This Week In React #144: Million.js, Layout Animations, Qwik, Lingui, Remix, React-Router, React-Native macOS, Expo Modules...

Hi everyone!

This week is "launch week" for Vercel which should make some nice announcements about React, Next.js and its cloud offer. We already have a small preview of what is coming very soon in Next.js!

There are quite a few great articles to read this week, including some interactive ones. I particularly liked to learn more about Million.js and its concept of "block virtual DOM".

On the React-Native side, the macOS platform is catching up with the release of v0.71, and Expo makes it easier than ever to use local native modules.

There are a lot of React conferences in the next weeks, we should have great announcements! By the way, you might see a flyer for my newsletter at one of them! I'm counting on you to convince your colleagues to sign up for the newsletter.

Speaking of conferences, React Summit (Amsterdam June 2-6) is the biggest React conference in the world. They offer us a 5% discount (code "ThisWeekInReact5").


πŸ’‘ 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

Introducing storage on Vercel

Introducing storage on Vercel

Vercel has just launched its edge-first storage offering, particularly suited for use in React Server Components and Next.js:

  • Vercel KV: store key-value Redis, based on Upstash.
  • Vercel Postgres: PostgreSQL database, based on Neon.
  • Vercel Blob: file storage, based on Cloudflare R2.

It's Vercel Ship week: more news should be announced in the next few days. The image chosen leads us to believe that there will be a Next.js release tomorrow, introducing a new feature Next.js Server Actions. This also reveals the will to improve progressive enhancement in React apps, in a way quite similar to Remix: this form can also work without JavaScript or hydration.

Note: this example is not vulnerable to SQL injections because it uses template literals.


Million.js - Virtual DOM: Back in Block

Million.js - Virtual DOM: Back in Block

Interactive article that presents Million.js and its "Block Virtual DOM" concept. Its approach to diffing is different: non-recursive, based on static analysis, compilation and dirty checking, quite similar to Svelte.

Million.js does not replace React, but integrates with it to improve performance. It is recommended to use it only in some very specific cases: a lot of static content and UI trees with a stable structure.


The Interactive Guide to Rendering in React

The Interactive Guide to Rendering in React

Interactive article that explains when React re-render a component. A good resource for beginners, with detailed explanations on setState(fn), batching, memo, StrictMode etc...



πŸ’Έ Sponsor

Nylas

Nylas: Powering email, calendar, and contacts in the products you build

The Nylas Email and Calendar APIs allow developers to build communications features that connect them to all major service providers in the world - with a single integration.

Nylas makes selecting a use case and a server-side SDK language easy. You'll get a step-by-step tutorial complete with a ready-to-use React frontend and download-ready codebase with your API credentials. Stop building and maintaining individual integrations with multiple providers and start launching email and calendar features with guaranteed 99.99% uptime and no maintenance downtime.

Start building with Nylas for free!


πŸ“± React-Native

Introducing React Native macOS 0.71

Introducing React Native macOS 0.71

Microsoft skipped the v0.69 and v0.70 releases to go directly to v0.71. The goal is now to stay up to date with the other platforms: v0.72 work is in progress. This platform version alignment looks super useful: according to feedback it is not easy to mix different React-Native versions within a single monorepo.

The newly released v0.71 brings experimental support for Fabric, as well as all the new features that have recently been released on other platforms: TypeScript, Flexbox... Microsoft and Meta collaborate and the use of this platform seems to grow within the 2 companies: Meta uses React-Native macOS on Messenger Desktop for example.



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