DEV Community

Cover image for This Week In React #123: TanStack Router, Gatsby, Remix, Next.js, React-Three-Fiber, Astro, Expo, Open Native, Rome...
Sebastien Lorber
Sebastien Lorber

Posted on • Originally published at

This Week In React #123: TanStack Router, Gatsby, Remix, Next.js, React-Three-Fiber, Astro, Expo, Open Native, Rome...

Hi everyone!

It was Jamstack Conf this week, and we had some nice announcements for the occasion, like Tanstack Router, Gatsby 5 or the results of their annual survey.

Expo released its superb SDK 47. The 1st release-candidate React-Native 0.71 leads to some Android build issues ๐Ÿ˜….

Next.js and React-Native now both use TypeScript by default on new apps.

Last chance to buy the Three.js Journey course with the promo code TWIR (-30%, expires tomorrow). It has just been upgraded with 24 hours of React-Three-Fiber modules. I take this opportunity to highlight Maxime Heckel's blog who took the course last year and is now able to do some pretty cool 3D! He has just published an impressive article on particles.

๐Ÿ’ก Check this newsletter on Twitter - visual format ๐ŸŽจ

๐Ÿ’ธ Sponsor

Sizzy - the browser for developers

How come professionals in every other industry have specialized tools, but web developers are still stuck using the browser that their grandma is using for shopping on Amazon?

If you're opening localhost:3000 in any other browser except Sizzy, you're wasting hours of your precious time.

Before Sizzy: web development is stressing you out, responsive design is hard, you have an overwhelming amount of opened tabs and apps.

After Sizzy: all the tools you need are in one place, responsive design is a breeze, no more context switching.

You can download it here and try it for free for 14 days!

โš›๏ธ React

TanStack Router

TanStack Router

Tanner unveils his new project: a 100% typesafe, framework-agnostic router. An impressive list of features, including:

  • URL State Management
  • Built-in Caching
  • Search Param Schema/Validation
  • Auto Prefetching
  • Loaders/Actions
  • Async Elements + Code-Splitting

At first glance, it looks like there is some inspiration from Remix or React-Router, but the API is quite different and not based on JSX, which probably help to make the solution agnostic and typesafe. For now there is only the React adapter, and the doc is incomplete, but it looks quite promising!

๐Ÿ”— Useful links:

  • ๐Ÿฆ Tanner Linsley launches his project on Twitter with a great trailer!
  • ๐Ÿฆ Ryan Florence could use some inspiration from his work to improve Remix type-safety.

Gatsby 5: The Fastest Gatsby Yet

Gatsby 5: The Fastest Gatsby Yet

Gatsby 5.0 has just been officially released. It includes the Gatsby Slice API which allows to improve the build time when modifying a layout element (header, footer...), and the support in beta of the Server Components which allow partial hydration. There are also new Head/Script components, GraphiQL v2, and more.

Gatsby also presented Valhalla, a new service on their cloud that proposes to use Gatsby source plugins to create a content hub and a unified GraphQL API decoupled, from Gatsby. It is possible to use Valhalla with Next.js.

Static site generators are not very popular at the moment, despite still being suitable for many sites, I think it's good that at least one big player continues to innovate in the field. The Slice API looks like a good idea. I wish Valhalla could run locally, but I think it's a cloud service only.

๐Ÿ”— Useful links:

React Router-ing Remix

React Router-ing Remix

Many Remix data APIs have been added in React-Router 6.4, and much more. Now it's Remix's turn to officially rely on these new React-Router APIs. The upgrade will be done in 4 incremental and backwards compatible steps delivered in Remix v1.x with feature flags. The vision is to make Remix v2 a compiler for React-Router 6.4.

๐Ÿ”— Useful links:

๐Ÿ’ธ Sponsor

Jamf - Easily Secure and Manage Your Apple Devices

Jamf - Easily Secure and Manage Your Apple Devices

Jamf Now is a mobile device management (MDM) solution for Apple devices. This solution makes device management tasks easy such as configuring Wi-Fi and email settings, deploying apps, securing sensitive company data, and enforcing passcodes. The Jamf Fundamentals plan contains additional security features including Malware Prevention to prevent malicious threats from running on your devices. Sign up and manage up to 3 devices for free and add more for just $2 per device, per month. For more power, upgrade to Jamf Fundamentals to manage 3 devices for free and add more for $4 a month per device.

๐Ÿ“ฑ React-Native

Expo SDK 47

Expo SDK 47

The new SDK 47 has just been officially released, with a more detailed article on what's new.

  • React Native 0.70.5 and React 18.1.0
  • Expo Modules API 1.0 allows to create very easily native Fabric modules in Swift/Kotlin
  • Hermes available on Expo Go iOS, simplified debugging experience. Hermes will be the default engine in the next SDK
  • Fabric support in several Expo modules
  • Expo Router in beta: file-system routing for React-Navigation
  • Various EAS improvements: end-to-end security, M1 workers...

In short, a very nice release! With Expo Modules, it seems easier to adopt the new architecture compared to official tools like react-native-codegen which doesn't support Swift yet.

๐Ÿง‘โ€๐Ÿ’ป Jobs

๐Ÿง‘โ€๐Ÿ’ผ Product Engineer at Causal, Remote/London/NY, $150-250k

Causal is a Series A Startup (backed by Coatue/Accel) building an all-in-one tool for working with numbers and visualizing data. We're looking for strong React engineers who can solve difficult UX/performance challenges.

๐Ÿง‘โ€๐Ÿ’ผ 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

Last weekend be like - small React-Native 0.71 domino falls larger React-Native dominos of previopus releases

For even more fun, this new Twitter thread lists all my finds. Many of them have never been published in the newsletter, as I only include one per week.

This Week In React - Fun Thread

Top comments (0)