View profile

Undo, API Integrations, and Performance

React Explained
Undo, API Integrations, and Performance
By Jake Worth • Issue #13 • View online
📣 Welcome to our thirteenth issue! I’m so glad you’re reading. I’m writing this newsletter from the perspective of both a veteran React programmer and a beginner, because I’ve written a lot of React code over the years but have also been away for a bit, too. It’s been fascinating to take in this ever-changing landscape. Thanks for joining me! Take care. –Jake

Quote of the Week
“Some discussions we have as engineers, especially when DX does not facilitate good UX, I would say are kind of meaningless.” –Tejas Kumar
Noteworthy
Consider the undo/redo feature in your desktop applications. How would you create a similar feature in a web application? This fascinating post from Kapwing’s Joshua Grossberg explains how his team added this much-requested behavior to their image, video, and GIF-creating platform.
www.kapwing.com  •  Share
Here’s another great post from Kent C. Dodds on a rarely-used set of features from the useState hook– lazy initialization and function updates. I stumbled on this feature source-diving the React Hooks code last Fall, and I’ve yet to see it in production. I’m glad to see how it works!
kentcdodds.com  •  Share
New to the concepts of dynamic imports, Lazy, and Suspense? Enjoy this post from Tapas Adhikary covering the basics with an example demo app.
blog.greenroots.info  •  Share
This Twitter thread from Paul Shen had me hooked from the first question: “React.memo can improve the performance of your React app. Why not use it on every component?” These are the type of questions you can only answer with some time in the trenches and a curious attitude.
twitter.com  •  Share
I’m enjoying reading this Reddit thread from user yannbraga. If you’ve been doing React for a while, you’ve probably written a container component. Container components were designated places for you data-fetching logic to live, passing data down to its dumb, functional children. Where did they go? This thread contains several answers.
www.reddit.com  •  Share
Featured Conf Talk
In this talk from React Conf 2019, Tejas Kumar explores the limitations of REST, and demonstrates another path that includes type-safety, autocompletion, React Hooks, and intuitive developer tooling. Feels like the future.
www.youtube.com  •  Share
Doc Pick
Premature optimization is a painful anti-pattern. To quote Eve Porcello: “I’d also recommend not to worry about optimizing your React apps too early. React is a small library that already optimizes for speed.” Now that we’ve gotten that out of the way, here are React’s official tips for optimizing the performance of your React app.
reactjs.org  •  Share
Help me help you
Did you find this issue of React Explained helpful? I want to make this newsletter the best that it can be, and I welcome your feedback. Drop me a line; I’ll read every response.
Did you enjoy this issue?
Jake Worth

Do you want to really (really!) learn React, while staying current on this exploding ecosystem? Subscribe to React Explained, a bi-weekly newsletter of amazing, curated React news and resources, simply explained. It’s free! Subscribe now.

Tweet     Share
In order to unsubscribe, click here.
If you were forwarded this newsletter and you like it, you can subscribe here.
Powered by Revue
Portland, ME