React Newsletter #232

Airbnb releases visx 1.0, the React Core Team writes about the new JSX Transform, and the complete guide to Next.js authentication


News

Airbnb releases visx 1.0

This is a collection of reusable, low-level visualization components that combine the powers of D3 and React. It has been used internally at Airbnb for the last 2.5 years and was publicly released last week.

We wrote a lot about it in yesterday's issue of Bytes, if you'd like a longer, more colorful breakdown.

Dan Abramov tweets about the future of import React

tl;dr, eventually (like, a long eventually), stop using import React from 'react' and start using import * as React from 'react'.


Articles

Introducing the new JSX Transform

This article from the official React Blog describes how React 17 provides support for a new version of JSX Transform. It goes over exactly what that new version is and how to try it out.

The Complete Guide to Next.js Authentication

In this comprehensive guide, Nader Dabit will teach you how to implement authentication in a Next.js app. It covers client authentication, authenticated server-rendered pages, authenticated API routes, protected routes, and redirects.

Understanding React rendering

Rendering is the most important procedure that a programmer has to manage in frontend development. In React, the render() method is the only required method in a class component and is responsible for describing the view to be rendered to the browser window. This article will help you understand the subtleties of how this method works.


Tutorials

Building a Material UI Dashboard with React

In this tutorial, you'll learn how to build a full-stack dashboard with KPIs, charts, and a data table. It takes you from data in the database to the interactive, filterable, and searchable admin dashboard.

Building Multistep Forms with MaterialUI and React Hooks

This tutorial walks you through how to use the React useState hook and the MaterialUI component library to build a multistep medical history collection form.


Sponsor

React developers are in demand on Vettery

Vettery is an online hiring marketplace that's changing the way people hire and get hired. Ready for a bold career move? Make a free profile, name your salary, and connect with hiring managers from top employers today. Get started today.


Projects

Vime

An open-source media player that's customizable, extensible, and framework-agnostic. It also comes with bindings for React and other frameworks.

headlessui-react

A set of completely unstyled, fully accessible UI components for React, designed to integrate beautifully with Tailwind CSS. Created by Tailwind Labs.

reactivue

Use the Vue Composition API in React components.


Videos

I built a chat app in 7 minutes with React & Firebase

This video from Fireship demonstrates how quickly React and Firebase can help you to build simple apps like this chat app. Jeff is also maybe showing off just a little bit here, but we're ok with that too.


made with ❤️ by ui.dev