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
Looking forwards for the next Monday! 👋