#​348 — July 19, 2023

Read on the Web

Together with  Frontend Masters logo
React Status

How React 18 Improves Application Performance — If you’ve not been keeping up with how things are progressing in React with regards to concurrent rendering, transitions, Suspense, and even React Server Components, this is a fantastic review and primer to get up to.. speed on how such features can improve performance.

Lydia Hallie (Vercel)

New Course: The Hard Parts of UI Development — Develop an under-the-hood knowledge of UI development by learning techniques such as data binding, UI composition, templating, virtual DOM and its reconciliation, and hooks, all from scratch!

Frontend Masters sponsor

▶  Legend: The Ultimate React State Manager?"You’re joking.. not another one! ^" Nevertheless, Jack does a typically great job at showing off (yet another) particularly promising state management option.

Jack Herrington

IN BRIEF:

Creating Custom Raycast Extensions with React — No lie, Raycast has replaced Spotlight, Alfred, and all the rest on macOS for me. It’s a fantastic launcher and shortcuts app, plus it has an extensions system you can use to make it do even more tricks.

Colby Fayock

Push Notifications with Firebase Cloud Messaging in React Native — Google’s Firebase Cloud Messaging is an established push notification service—why not employ it to implement push for your React Native apps?

Snehasish Konger

▶  Testing Library: Everybody Uses It, But Nobody Understands It — A talk from ReactNext 2023.
Matan Borenkraout (Microsoft)

How to Build a Routing Layer in React and Why You'd Need One
Antonello Zanini (Semaphore)

The Power of Mocking in Unit Tests
Matt Wolfe

Embracing Polymorphism for Flexible Components
Szymon Chmal

🛠 Code and Tools

Reagraph 4.10: WebGL Graph Visualization Library for React — Here’s a basic code example. This week’s release adds support for three dimensional clustering (above). GitHub repo.

REAGRAPH

Storybook 7.1: The Workshop for Building UI Components — v7.1 introduces in-app onboarding for your newest users, zero-config styling support for Tailwind, MUI, styled-components and MUI, Vue 3 source snippets, and more.

Storybook Team

React Authentication — Without Complexity — Userfront streamlines authentication & access control so engineers can focus on their core business. Read the docs now.

Userfront sponsor

React Content Font: Create Custom Google Fonts from Page Content — Fonts covering certain alphabets and languages can be particularly large (e.g. Noto Sans Japanese is almost 6 megabytes). What if you could request a font from Google Fonts containing only the characters you need?

Adam Butterfield

📰 Classifieds

💻 Hired makes job hunting easy-instead of chasing recruiters, companies approach you with salary details up front. Create a free profile now.


🤔 JWTs are low-latency and offer better interoperability than session cookies for authentication, but they can also be less secure. Learn more about the tradeoffs on the Stytch blog.

Classifieds is a way to share projects, services, events, or jobs you may find useful, replacing our job listings section.

More details soon.