Race Conditions in React (with async-mutex) by Glodie Juvenal Pengele

Guild

Guilds

Events

Presentations

Guilds

Events

Presentations

Dark Mode

Race Conditions in React (with async-mutex)

Presentation byGlodie Juvenal Pengele

A practical talk on we handled a concurrency use-case in a React application that we had (auth token refresh / duplicate requests) and how we made it using the library async-mutex coupled with RTK query.

Presented with these Guilds

React Montréal

▶️ Talks: youtube.com/@ReactMTL

👥 Discuss: discord.gg/kddEWbFhbc

🇬🇧 If you work or want to learn React or React Native, this group is for you!

We meet every month to discuss progress with React, cool tools, features, and libraries. Our focus is on helping the Montreal React community grow, providing each other with input and advice, and sharing our latest findings.

🇫🇷 Si tu travailles avec React ou React Native, ou que tu souhaites apprendre, ce groupe est pour toi!

On se rencontre chaque mois pour discuter le progrès de React, de nouveaux outils, fonctionnalités et librairies. Notre but est d'aider à agrandir la communauté React de Montréal, et de s'entraider en partageant nos dernières trouvailles et en collaborant pour régler nos problèmes quotidiens.

585 Members

Similar Presentations

Deep Dive into React’s Concurrent Features

This talk is a deep dive on how React concurrently renders to provide time slicing and touches on concurrent hooks like useTransition and useSyncExternalStore.

Tejas Kumar

Chaos Mode - Finding and fixing race conditions in React

This talk will explore how race conditions can lead to a broken experience for a seemingly simple UI interaction. I will show how I use a technique I call "chaos mode" to help me spot these race conditions, and I will cover some effective approaches to prevent those race conditions.

Forbes Lindesay

React Query Meets Mobx

React Query has become the standard for server side state management in React applications, however, certain apps still require a lot of client side state. For such apps, there are a lot of great options to handle client side state out there and React Query is not meant to replace any of them. Mobx is one of them and even though it has been out for a while, it has stood the test of time and it is still very powerful.

What if we can combine the power of React Query for server state while keeping the amazing ergonomics and fine-grained reactivity of Mobx for client state?

Meet Mobx Query, a React Query adapter for Mobx that makes this possibility a reality.

Ruben Casas

Unleashed: Next.js, React Query their BFF

This talk explores the intersection of Next.js, React Query, and the Backend for Frontend (BFF) design pattern, three vital elements pieces that help solve the puzzle of performant and scalable data fetching.

I’ll start by discussing Next.js and its capabilities for React applications, highlighting its features like server rendering and data pre fetching, and route pre-fetching. I’d then delve into client data fetching and state management, showcasing how React Query brings a new perspective to managing server state hydration in React applications, simplifying data fetching, caching, synchronization, and updates.

The last part of the talk will take the topic further by introducing the Backend For Frontend (BFF) design pattern, demonstrating how a BFF can be integrated with NextJs API handler to work seamlessly as a Proxy with a React application, enhancing user experience and performance by spreading the load of large payloads.

Throughout the talk, real-world examples will be used to provide a practical understanding of these topics.

Faris Aziz

Platform Sponsors

Torc is a community-first platform bringing together remote-first software engineer and developer opportunities from across the globe. Join a network that’s all about connection, collaboration, and finding your next big move — together.

Join our community today!

Don't let broken lines of code, busted API calls, and crashes ruin your app. Join the 4M developers and 90K organizations who consider Sentry “not bad” when it comes to application monitoring. Use code “guild” for 3 free months of the team plan.

https://sentry.io