React Newsletter #342

TanStack Router, Gatsby 5, Rockpack v3


This issue is sponsored by Retool.

You can use Retool to build any internal app or tool you need in an afternoon. Amazon, Peloton, Plaid, and DoorDash use it to build back office apps that manage sales and support, GDPR compliance, and returns/inventory.

Check out their free tier and see what you could build.


News

TanStack Router (beta)

Tanner Linsley (the creator of React Query, React Table, and more) just released TanStack Router at last week's Jamstack Conf. It's a scalable, framework-agnostic routing library that harnesses the full power of URLs. It borrows ideas from Remix and Next.js and features 100% type safety, state-manager grade search params, built-in caching and more.

Gatsby 5

They're calling it "the fastest Gatsby yet", and it includes a new Slice API (to only rebuild individual slices of your page), partial hydration, and a v2 release of GraphiQL (Gatsby’s integrated GraphQL IDE).

GitHub is replacing Rails front end rendering with React

You can read more about it in this Hacker News thread, with commentary and insights from one of the GitHub engineers working on this new UI.


Articles

Refactoring a Junior's Code -- 43% Less Code With A Better Data Structure

Johannes Kettmann documented his experience of refactoring a junior React developer's code, including a code review and a step-by-step refactoring journey. It's interesting to see his thinking behind the changes he made and how he implemented them.

Cross-platform support with React Native and mobile monitoring

This article walks through how you can use New Relic to track user traffic and network latency of your React Native-instrumented applications and to capture/trace JavaScript errors in order to more effectively monitor your React Native app before there's a major problem. [sponsored]

The magical world of Particles with React Three Fiber and Shaders

Maxime Heckel writes about the tips and techniques they learned regarding particles (which can often take a lot of practice and trial and error), including creating simple particle systems, controlling their movement with shaders, and more.

React Router 6 Deferred Fetch

In this two part series, Ruben Casas walks through using the deferred API in React Router 6 to retrieve some optional data without blocking the rest of the page that contains the critical data of your application. It includes some interesting insights that build on this When to fetch talk by Ryan Florence.


Jobs

Senior or Staff Frontend Engineer - React (100% Remote)

Close.com is looking for an experienced React developer to help design, implement and launch major user-facing features. Close is a 100% globally distributed team of 65 high-performing, happy people that are dedicated to building a product our customers love.


Projects

Expo SDK 47

We highlighted the Expo 47 beta release last week, but the real thing is here now with a brand new Expo Modules API, support for React Native 0.70.4 and React 18.1.0, and more.

Rockpack v3

This opinionated (but in a different way) alternative to Create React App adds TypeScript by default, Prettier, and Stylelint in this v3 release.

Jamstack Survey

Lots of interesting React insights here, including the fact that over 70% of respondents reported using React at work (it keeps growing), and 50% of respondents say they use Next.js.

made with ❤️ by ui.dev