
Hey guys,
Welcome to another edition of Import React by Cosden Solutions!
It’s late summer, so blog posts are a little sparse, but we’ve still got a strong set of React-focused reads: from concurrent features and hydration fixes to scaling Next.js in production.
Let's get into the newsletter! 🤙
Find out why 1M+ professionals read Superhuman AI daily.
In 2 years you will be working for AI
Or an AI will be working for you
Here's how you can future-proof yourself:
Join the Superhuman AI newsletter – read by 1M+ people at top companies
Master AI tools, tutorials, and news in just 3 minutes a day
Become 10X more productive using AI
Join 1,000,000+ pros at companies like Google, Meta, and Amazon that are using AI to get ahead.
⚡️ The Latest In React
🤯 I blow your mind with TanStack Devtools in under 10 minutes (video)
Alem Tuzlak walks through adding TanStack DevTools to your project, including the new “go to source” feature and other powerful tools. It’s a fast, under-10-minute guide that is well worth a watch.
🕜 A Clock That Doesn't Snap
Ever seen a clock snap into place on page load? That’s static prerendering + hydration biting you. The UI renders with stale data, then React updates it, causing the jolt. The fix? Inline scripts that update the DOM before hydration, so your users never see the broken state. This blog walks you through how.
👀 An Overview of React Concurrent Features
In this article, you'll get a practical overview of React's most powerful concurrent features. Learn how they coordinate updates, manage async behavior, and keep your app fast and responsive, even during heavy workloads. Whether you're building complex UIs or just want smoother user input, this guide breaks down the tools and shows you exactly how (and when) to use them.
🏠 The Complete Guide to Self-Hosting Next.js at Scale
If you want to learn how to self-host Next.js at scale, without wrecking performance or uptime, this article is a great read. It covers real-world strategies for handling horizontal scaling, distributed caching with Redis, reverse proxy configs, CDN behavior, and image optimization, all drawn from production deployments. If you’re using Kubernetes, Docker, or just outgrowing Vercel, this guide breaks everything down.
⁉ What’s Next for JavaScript?
JavaScript is evolving fast, and this update breaks down the most impactful new proposals from TC39, like using
, Array.fromAsync
, and seeded randomness. These additions improve async control, resource cleanup, and reproducibility in complex apps. React developers will benefit especially from the improved ergonomics and async patterns these features introduce.
👀 Cosden Code
Just a reminder, I will soon be picking readers to beta test Cosden Code, my new platform for React learning, human-crafted courses, AI-delivered guidance, built for focused, personalized mastery.
Would you like to know more?
Quick Links
Can we stop making fields un-pasteable?
Turn Markdown into React at runtime, zero build step.
React Web Camera - a lightweight, headless React component for capturing multiple images in one session.
React color picker you can actually customize.
A drop-in replacement for react-markdown, designed for AI-powered streaming.
🧠 AI & General Programming
📈 Big O
Big O notation can be confusing, but this guide breaks it down with clear explanations, visuals, and relatable examples, from constant time to exponential growth. You'll learn how to analyze code performance without needing a math degree.
🧠 Everything I know about good API design
What makes an API feel “good”? This guide dives into the principles behind intuitive, flexible API design, covering naming, defaults, consistency, and how real-world constraints shape design choices. Packed with thoughtful examples and practical advice.
🔒 An Illustrated Guide to OAuth
OAuth is notoriously tricky, but this illustrated guide breaks it down into a series of clear, visual steps. From tokens to redirects, it explains the why behind each part of the flow in plain language. Whether you're implementing OAuth or just trying to understand it, this is a solid place to start.
🤝 Turning Claude Code Into My Best Design Partner
This piece explores what it means to treat AI as a true design partner rather than just a tool. It covers how prompting styles, iteration, and collaboration shape the creative process when working with models like ChatGPT. If you're curious about co-creating with AI in a more intentional way, this one’s worth a read.
😥 How to Keep Services Running During Failures?
Keeping services running during database migrations is tricky, but this guide breaks down proven strategies to avoid downtime. It covers techniques like dual writes, shadow tables, and toggles, with real-world examples to show how they work in production.
The Wrong Way to Optimize Performance in React
In this video, I'm going to show you how memoization in React with hooks like useMemo and useCallback is mostly useless and not worth the effort.
In most real world applications, using these hooks produces absolutely no benefit whatsoever. Instead of obsessing over memoizing everything perfectly, you should opt to have a better component architecture overall, which would have a much bigger impact.
See you next week!
Darius Cosden