#​316 — November 30, 2022

Read on the Web
Together with  Stytch logo
React Status

React Unity WebGL: Embed Unity WebGL Apps into React Apps — Unity is best known as a platform for building 3D games but can be used for broader applications too. React Unity WebGL helps you integrate WebGL-powered Unity apps with React apps and communicate between the two. GitHub repo.

Jeffrey Lanters

Working with Zustand — Some tips for using Zustand, a relatively minimal state management library with a lot of enthusiastic users.

TkDodo

As an aside, Zustand's homepage has one of the nicest (cutest?) parallax-style effects I've seen (and I usually dislike parallax effects!)

Stytch Is Your All-In-One Platform for User Authentication — With our API and SDKs, you can quickly set up secure, low-friction authentication for better security, higher conversion rates, and a seamless end user experience. Try us out today.

Stytch sponsor

Shopify’s Solution for Measuring React Native Rendering Times — Learn more about how their open-source react-native-performance library works, how to get started, and why measuring performance is so important for them.

Elvira Burchik (Shopify)

CSS Variables for React Devs — An updated piece, and a solid look at how to use CSS variables (custom properties) in your next project.

Josh W Comeau

IN BRIEF:

  • The core contributors to React Native held a summit in September and this writeup explains what they did, what they discussed, and some of where the RN ecosystem is headed. (This GitHub discussion thread on what React Native can do to improve is also quite illuminating.)

  • Ruben Casas ponders React's future, stories of people migrating away from React, and whether React will 'go away' in 10 years. This is a story as old as time and could apply to almost any technology.

  • 🪝 We were just reminded it's just over 4 years since hooks were first introduced. 👴🏻

What Shopify Learnt from Open-Sourcing FlashList — What’s at stake when a successful business decides to open-source an important part of their platform? Shopify shares their experience opening up their performance-optimized React Native list control.

David Cortés (Shopify)

Golden Oldie: How to Build Stunning 3D Scenes with React Three Fiber — If you want to build neat 3D visualizations in the browser using the React concepts you’re already familiar with, here’s how to get started. A great intro. (This dates from a year ago, but I encountered it again and remembered how cool it was!)

Varun Vachhar

Quickly Integrate Location with Existing Platforms

Radar sponsor

Conditional Rendering with Type Safety and Exhaustive Checking
Lloyd Atkinson

🛠 Code and Tools

React Visual Grid: A Flexible Grid / Gallery Component — A new, feature rich image grid, as illustrated with this live demo.

Prabhu Murthy

React Countup 6.4: Configurable Component Wrapper around CountUp.js — For situations where you want a numeric value to count up from one value to another (there’s a demo on the homepage.). Want the same thing without React? CountUp.js is for you.

Glenn Reyes

Dynaboard: The Pro-Code Web App Builder Made for Developers

Dynaboard sponsor

react-multi-email — Format multiple email addresses as the user types, as shown in their demo.
Tom at AXISJ

Jobs

Software Engineer — Join our "kick ass" team. Our software team operates from 17 countries and we're always looking for more exceptional engineers.
Stickermule

Find React Jobs with Hired — Create a profile on Hired to connect with hiring managers at growing startups and Fortune 500 companies. It's free for job-seekers.
Hired

Reapop 4.2: Simple, Customizable Notifications System — This project’s homepage is itself a giant, customizable demo of what Reapop can do. Keep clicking away on “Random notification” to fill your screen! Now supports React 18. GitHub repo.

Louis Barranqueiro