React Newsletter #334

React Router 6.4, React memoization, and Mantine DataTable


This week's issue is sponsored by Retool.

Retool offers a component library and app-building framework in one, powerful platform. Drag and drop 90+ UI components to build any interface -- then connect your data, deploy the app, and share with your users. Ship in record time with easy-to-use settings, styles, and themes.

Check it out.


News

React Router 6.4

This release brings the data APIs from Remix into React Router, which bring new ways to load data into components, new ways to update data, and more.

Partial Hydration coming soon to Gatsby

Gatsby 5 will give you the ability to mark specific parts of your site/application as “interactive,” while the rest of your site will be static by default.


Articles

React I Love You, But You're Bringing Me Down

François Zaninotto (in poetic, lyrical fashion) writes about his 10-year relationship with React and why it's getting harder for him to stay faithful. This isn't just your standard React hit piece full of cheap shots -- he makes some valid points.

Using the latest Next.js 12.3 features on Vercel

Lee Robinson and Delba de Oliveira wrote about how you could enhance the latest and greatest Next.js features on Vercel -- including environment variables, image optimization, and more.

React Memoization Series

Abdullah Numan wrote this multiple-part series that covers everything you need to know about React.memo(), and caching functions and values with React's memoization hooks with a progressive, real-world example.

Monitor your React Native application

In this article, the New Relic team walks you through how to use their React Native agent to monitor your app's performance catch code errors before they break prod. [sponsored]

How To Debug React Apps With VS Code

Johannes Kettmann writes about a strategic approach to debugging React apps directly from VS Code that he promises is a lot easier and more strategic than the approaches currently used by most developers.

React and Observables from RxDB

In this article, Luke Karpuc writes about Observables work in tandem with React to store and provide data on an ongoing basis, using the example of a simple To-Do List application, and examines whether such a solution makes sense.


Jobs

Senior or Staff Front-end Engineer -- React (100% Remote)

Close.com is looking for 3 experienced individuals that have a solid understanding of React and want to help design, implement and launch major user-facing features. Close is a 100% globally distributed team of ~55 high-performing, happy people that are dedicated to building a product our customers love.


Projects

Mantine DataTable

Mantine is a popular React components library, and now they've released a table component with datagrid-like functionality for data-rich apps.

React UI Boilerplate

React boilerplate with opinionated setup to help you quickly create your own React UI library. Comes with support for React 18 and TypeScript. You might like it, you might hate it 🤷‍♂️.


Videos

Signals In React Will Blow Your Mind

This 7.5-minute video explores Signals -- the new state management library for Preact (and React), which moves state outside of Preact entirely. It also looks at some real-world use cases where it could come in handy.

made with ❤️ by ui.dev