đźš„ Ultimate React Performance Guide

And Insane React Animations

Cosden Solutions Logo

Hey guys,

Welcome to another edition of Import React by Cosden Solutions!

This week, we’re diving into React performance optimization, a massive TypeScript migration with zero downtime, and Josh Comeau’s deep dive into React animations. Plus, Fireship takes a first look at Claude 3.7, and there’s a tool that lets you turn any React site into an interactive visualization.

Now, let's get into the newsletter! đꤙ 

⚡️ The Latest In React 

đźš„ React.js Performance Guide
Optimizing React performance is key to building a fast, efficient app. A well-performing app improves user experience, increases conversion and retention rates, boosts SEO rankings, and reduces infrastructure costs. This guide covers the basics of React performance optimization, along with tools to help you go deeper, and breaks down eight common React performance issues, and how to fix them.

🏗️ Deconstructing React Animations
Josh Comeau just dropped a deep dive into the landing page for his upcoming whimsical animations course, and it’s packed with hidden gems (check out the landing page if you haven’t already). With 14,000+ lines of code and 200+ files, there’s a ton happening behind the scenes. In his latest blog post, he breaks down some of the coolest details, sharing techniques you can start using in your own projects today!

🤖 Claude 3.7 goes hard for programmers… (video)
Anthropic just dropped a powerful new CLI tool for devs called Claude Code, along with the highly anticipated Claude 3.7 model. Programmers are already diving in, and Fireship put out a good short video comparing Claude 3.7 to OpenAI’s GPT-4o and DeepSeek R1. If you're curious about how it stacks up, check it out.

🤯 Turn any React website into an interactive visualization
This site lets you turn any React website into an interactive visualization.

↗️ Migrating 160,000 Lines of Production Banking JavaScript to TypeScript with Zero Downtime
TypeScript is now the go-to for building scalable JavaScript apps, but migrating a massive production codebase is no joke, especially when real money and tax returns are on the line. WorkMade tackled this head-on, converting 160,000 lines of JavaScript to TypeScript in just six weeks, without a single outage. They shared their process, the challenges they faced, and the key tools that made it all possible.

Start learning AI in 2025

Keeping up with AI is hard – we get it!

That’s why over 1M professionals read Superhuman AI to stay ahead.

  • Get daily AI news, tools, and tutorials

  • Learn new AI skills you can use at work in 3 mins a day

  • Become 10X more productive

Quick Links

Combining React Query With Server Components (Next.js)

In this video, we'll explore how to effectively combine React Query with server components.

I'll show you the best practices for implementing React Query on both the server and client sides, and help you determine when it's the right tool for the job. We'll also look at situations where you might be better off using standard fetch requests instead of React Query.

Check it out below. 👇️ 

See you soon!

Darius Cosden