• React Digest
  • Posts
  • How to debounce and throttle in React without losing your mind

How to debounce and throttle in React without losing your mind

#388 – January 09, 2023

And we are back!

Hopefully, y'all had a lovely break and are ready for some great React content. This week is going to be meaty.

Deep dive into debounce and throttle in React. What is debounce and throttle, how to use them in React properly, how to avoid breaking them when state and re-renders are involved.

If you've worked with React (or are even new to it) you've probably heard of the useState hook. The useState hook is one of the most fundamental parts of the React library, and also greatly improves data management in an application.

By displaying this prompt, the user is made aware that they have unsaved changes and allowed to save their work or discard it before proceeding with the redirect.

Frequent state updates in React can lead to performance problems. How to fix this withohut using refs or memo?

If you don’t have time to read the new React docs, I sifted through them for you.

In 2020, we announced that React Native is the future of mobile at Shopify. As part of that journey, we’ve been migrating Shopify Mobile (our largest app at 300 screens per platform) from native to React Native. Here’s how it’s going.

A React/Redux app is a one-way data flow cycle. The user interacts with the UI, which produces Redux actions, which get dispatched to reducer functions, which update the app’s state object, which gets passed back to React to re-render the UI.

And we'll wrap up with a controversial piece.

I’ve noticed a troubling tendency in the JavaScript world recently, particularly in the React community. That tendency is for people to suddenly “discover” that decades of best practices somehow don’t apply to them anymore.

Looking forwards for the next Monday! 👋