Hey guys,

Welcome to another edition of Import React by Cosden Solutions!

This week we've got a deep dive into the new React Compiler, a slick open-source UI kit, and some controversial takes on AI agents and developer portfolios. Plus, Zustand, CSS performance tips, and MIT-level math to level up your skills.

P.S. Ever wonder how senior devs structure large apps? Advanced Patterns React breaks it down with clear, reusable design patterns that scale.

Let's get into the newsletter! 🤙

⚡️ The Latest In React 

📄 New comprehensive React Compiler docs released
The React team is developing a new React Compiler that automatically optimizes components by analyzing their code. It works with JSX and removes the need for manual optimizations like useMemo or useCallback. The compiler is designed to be zero-config and aims to improve performance with minimal developer effort.

🏃 Use Action Routes in React Router
A new tutorial by Sergio X explores how to use action routes in React Router. These routes let you define logic to handle form submissions and mutations directly in the route configuration. The guide explains how to set up actions, handle redirects, and access data in components using useActionData.

🧑‍🎨 The ultimate open-source React UI component library
Untitled UI has released a React version of its popular design system which has garnered a ton of attention. It includes over 400 components, 50+ templates, and support for Tailwind CSS, making it easier to build consistent UIs in React projects. The library is customizable and integrates well with modern tooling.

🗺 Comprehensive Guide to Zustand for State Management
Frontend Masters just posted a detailed guide to Zustand, a minimal state management library for React. The blog covers how Zustand simplifies state logic with a small API, avoiding boilerplate common in other tools. It also highlights features like middleware support, React Server Components compatibility, and ease of setup.

🥣 Don't animate height!
Granola's latest blog post explains why animating the height property in CSS can hurt performance. Instead, it recommends using transforms or max-height with transitions for smoother animations. The post also covers how layout thrashing impacts rendering and offers practical alternatives for common UI patterns.

🧠 AI & General Programming

👀 The Typical Developer Portfolio MUST Die
In a recent episode of his podcast, Don the Developer argues that the typical developer portfolio is outdated. He critiques the overuse of generic projects and templates, suggesting they fail to showcase real problem-solving or individual strengths.

👑 Become an Engineering Leader Everyone Wants to Work With
Want to lead a team that actually wants to follow you? The latest post from the Engineering Leadership newsletter breaks down what separates respected engineering leaders from the rest. If you're aiming to grow as a leader, this is a good read.

💪 Exhausted man defeats AI model in world coding championship
A tired but determined developer just pulled off a feat that I didn’t know was still possible, beating a top AI model in the finals of the World Coding Championship. The guy was running on barely any sleep, but still managed to edge out the AI on tricky, real-world coding problems.

🤖 Why I'm Betting Against AI Agents in 2025
Utkarsh Kanwat’s latest post, Betting Against Agents, dives into why he’s skeptical about the current AI agent hype. While agents promise automation and autonomy, he argues they often create more overhead than they solve, especially in real workflows.

Mathematics for Computer Science
MIT just dropped the Spring 2024 edition of 6.1200J: Mathematics for Computer Science on OpenCourseWare, and if you're a developer looking to level up, this is gold. It covers the fundamentals: logic, proofs, sets, functions, graphs, and combinatorics.

Quick Links

See you next week!

Darius Cosden