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.

How to debounce and throttle in React without losing your mind

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.

Understanding useState in React

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.

Display Warning for Unsaved Form Data on Page Exit

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.

Optimizing React performance without refs and memo

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

React JS Best Practices From The New Docs

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

Migrating our Largest Mobile App to React Native

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.

Who needs a backend? ChatGPT as the universal Redux reducer

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.

• Mafs: React components for interactive math
• Tamagui 1.0 🎉 — A framework for cross-platform apps
• Zustand vs. Signals — Comparing React State Management Options

And we'll wrap up with a controversial piece.

Can We All Just Admit React Hooks Were a Bad Idea? - CodeX - Medium

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! 👋