React Newsletter #310

React Native 0.68, Improving DoorDash's performance with SSR, and Demystifying Remix routes


This week's issue is sponsored by Unlayer.

Unlayer provides a drag-and-drop email editor, page builder and popup builder that embeds in your SaaS app. Their React components make it super easy, so you can seamlessly integrate it with the rest of your app.

👉 Check it out (for free).


News

React Native 0.68

This new release features with opt-in to the New React Native Architecture, some bug fixes and more. React 18's new rendering engine isn't supported by React Native yet, but hopefully will be in the not-so-distant future.


Articles

Improving Web Page Performance at DoorDash Through Server-Side Rendering with Next.js

Patrick El-Hage and Duncan Meech (from the DoorDash team) write about the challenges they faced when implementing server-side rendering for their high-traffic pages and how they overcame them successfully.

React Libraries for 2022

In this in-depth article, Robin Wieruch gives some helpful guidance on how to choose libraries for building a React application.

Remix: The Yang to React's Yin

Kent C. Dodds writes about how Remix's approach to server rendering is the perfect complement for unlocking all of React's power and potential. It might be a little biased, but it's definitely insightful.

Does my React app render too often?

This short, visual article by Alex Sidorenko shows you two simple ways to check if some of your React components are rendering too often.


Tutorials

Building a Survey Site Using Remix and KendoReact

In this tutorial, you'll learn how to create a survey website using Remix and KendoReact. You'll also learn how to speed up app development and offer amazing UI and UX in general. [sponsored]

Remix Routes Demystified

This tutorial by Átila Fassina digs deeper into Remix's routing -- which helps set it apart from other frameworks and powers many of its other powerful features.


Projects

Sort Demon

A website that is a visualizer of over 30 unique sorting algorithms, allowing for custom delay time and input array size - created with React, Redux, and Styled Components.

Start UI Web

An opinionated UI starter with React, Chakra UI, React Query and Formiz. Created by the BearStudio team.

Plx

A lightweight, powerful React parallax component for creating scroll effects.

made with ❤️ by ui.dev