React Newsletter #339

Building interactive WebGL experiences, Improving load times, and Breaking up with CSS-in-JS


This issue is sponsored by Refine

They built a 100% open-source, headless React framework for CRUD apps that became the #1 product on Product Hunt.

Check it out before starting your next admin panel, dashboard or internal tool. You’ll be amazed at how much faster you can develop while still remaining flexible!


News

Expo SDK 47 rumors

Tomasz Sapeta shares a few rumors about what might be coming in the next Expo release. And since he's on the Expo Team, we feel pretty good about sharing them here.


Articles

Why We're Breaking Up with CSS-in-JS

In this article, Sam Magura (one of the maintainers of Emotion, a widely-popular CSS-in-JS library) writes about why he and his team have chosen to shift away from CSS-in-JS.

Building an interactive WebGL experience in Next.js

This article from the Vercel blog shows you how to recreate the centerpiece for the immersive Next.js Conf registration page using WebGL tooling, including a new tool created by Vercel engineers to address performance difficulties around 3D rendering in the browser.

A little semantic HTML trick for React components

Adherence to semantic HTML often gets lost when creating reusable React UI components.In this article, Benedicte Raae shares a nice little trick to make sure that doesn't happen to you.

Getting Started With TypeScript and React

This article takes a look at a few of the advantages of using TypeScript with React. Then, it sets up a React-TypeScript project to walk you through some of the fundamentals. [sponsored]

How We Improved React Loading Times by 70% with Next.js

The Causal team writes about how switching from CRA to Next significantly reduced their initial page load time and unlocked a new level of developer experience for their multidimensional spreadsheet application.

How to create a React Select

Robin Wieruch created this short, beginner-friendly tutorial on how to create a simple select in React.


Jobs

Senior Full Stack Engineer

Motion is looking for experienced Typescript engineers to build the next generation of productivity tools. You will inform key frontend architectural decisions that help Motion scale the next 2 order of magnitudes, create delightful user-facing features, and improve application performance. We are an ambitious team of 15 people distributed remotely across North America.

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

Close.com is looking for 2 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 65 high-performing, happy people that are dedicated to building a product our customers love.


Projects

Schedulely

A new (still experimental) CSS grid-based React calendar with a focus on extensibility and small package size.

Refine

A 100% open-source, headless React framework for CRUD apps. [sponsored]

preguntas-entrevista-react

A repo full of common React interview questions and answers in Spanish.


Videos

Making React Context FAST!

In this 33-minute video, Jack Herrington shows you how to make context as fast as any state manager out there by only using the hooks baked right into React.

made with ❤️ by ui.dev