React Newsletter #244

React Server Components, Flux 4.0, and CSS in JS perf


News

React Introduces Zero-Bundle-Size React Server Components

React Server Components are still in research and development, but here's what we know so far:

  • Zero effect on bundle size
  • Access the backend directly
  • Automatic client code splitting
  • Use as much or as little as you'd like
  • Server mental model, modern UX

Check out this hour-long video on data fetching with React Server Components from the React Team for more info.

Flux 4.0 Released

This will be the last major release of Flux before it is moved to maintenance mode. Goodbye Flux -- we won't miss you, but we'll never forget you.


Articles

JavaScript to Know for React

This post from Kent gives a primer on a few JavaScript features he recommends you spend some time learning so you can be as effective as possible working with React.

Intro to React, Redux, and TypeScript (2020)

Mark Erikson just published 111 slides to help you get started with modern React, Redux, and TypeScript. Because it's Mark, you know this will be a helpful and very in-depth resource :)


Tutorials

How to increase CSS-in-JS performance by 175x

In this tutorial, Dominic explains how to exponentially increase the performance of your existing styling by making your CSS more static.

Programmatically navigate with React Router v5

In this post/video you'll learn the different ways to programmatically navigate using React Router v5.


Projects

useAuth

A new hook created by Swizec Teller that's designed to be the simplest way to add authentication to your React app. It supports various providers.

React Hot Toast

A lightweight, customizable library of React notifications.

Radix Primitives

A low-level UI component library with a focus on accessibility, customization and developer experience. You can use these components either as the base layer of your design system, or adopt them incrementally.


made with ❤️ by ui.dev