#316 — November 30, 2022
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.
Working with Zustand — Some tips for using Zustand, a relatively minimal state management library with a lot of enthusiastic users.
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.
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
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!)
Quickly Integrate Location with Existing Platforms
Conditional Rendering with Type Safety and Exhaustive Checking
🛠 Code and Tools
React Visual Grid: A Flexible Grid / Gallery Component — A new, feature rich image grid, as illustrated with this live demo.
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.
Dynaboard: The Pro-Code Web App Builder Made for Developers
react-multi-email — Format multiple email addresses as the user types, as shown in their demo.
Tom at AXISJ
↳ React + GraphQL app framework. v3.5 introduces service caching.
↳ Framework for building dashboards.
React Tabs 6.0
↳ Accessible tab component.
React Leaflet 4.2
↳ Components for Leaflet-rendered maps.
React Cool Dimensions 3.0
↳ Hook to measure an element’s size and handle responsive components.
React Uploady 1.3
↳ File uploading components and hooks.
↳ VR/AR experiences atop react-three-fiber.
SWR 2.0 Release Candidate 3
↳ Hooks for data fetching.
Software Engineer — Join our “kick ass” team. Our software team operates from 17 countries and we’re always looking for more exceptional engineers.
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.
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.