- Import React
- Posts
- 🐌 Your React Site is Too Slow
🐌 Your React Site is Too Slow
And Authentication Made Simple
Hey guys,
Welcome to another edition of Import React by Cosden Solutions!
Today we’ll explore debugging React Server Components, the Remix-React Router controversy, and how the Open Closed Principle applies to React components. Plus, we’ll break down why every React site feels slow and take a closer look at OAuth2 authentication.
Now, let's get into the newsletter! 🤙
⚡️ The Latest In React
👀 How to inspect React Server Component Activity with Next.js
React Server Components change the game by shifting logic to the server, making debugging trickier. Traditional dev tools no longer reveal the full picture, leaving developers guessing about server-side rendering and data flow. While this improves performance, it raises a big question, how do we inspect what’s happening behind the scenes?
🗣️ Language Learning Starts Here
Whether you’re studying abroad, dreaming of future travel, or just feeling the itch to learn something new, now is the time to start speaking a new language with Babbel. With a focus on speaking, their expert-designed method ensures you'll start having real conversations in as little as 3 weeks. Learning a new language doesn’t have to be daunting! Babbel’s expertly crafted lessons, games, podcasts, and live classes make it easy to start having real-world conversations. [ad]
😂 React Router v7 has to be a psyop
A recent Reddit post blew up, criticizing the Remix-React Router merge for causing confusion and frustration. Users argue it weakens Remix’s brand, worsens documentation, and doesn’t ease migration. The move forces a backend-focused framework under a client-side routing name, disrupting existing users. Some even suspect Shopify’s influence as the cause.
🚪 Open-Closed Principle in React: Building Extensible Components
Software architecture matters, and the Open-Closed Principle is one key principle, meaning software should be open for extension but closed for modification. In React, this means components should be flexible and extendable without altering their core code. This article breaks down how this actually would work in real-world scenarios.
🐌 Why is every React site so slow?
Theo just uploaded a YouTube video on why every React site is slow (you can probably guess that it’s re-rendering).
🔐 What's OAuth2 Anyway?
Ever logged in with Google or Facebook? Or linked an app to GitHub? That’s OAuth2 in action, granting one service access to another without exposing passwords. It’s the most widely used authorization framework, but many don’t fully understand how it works. This article breaks down why OAuth2 was designed this way and explains its most common authentication flows.
Quick Links
create-react-app hasn't been in the official documentation for over a year, but that doesn't stop a constant flood of new developers from trying to use it.
Which AI to Use Now: An Updated Opinionated Guide.
Why are React Server Components actually beneficial? (full history)
What are Redditor’s favorite component libraries?
Josh Comeau is back with another great blog post - this time all about container queries.
Build a Multi-Step Form in React Like a Pro
Ready to level up your React forms?
Today we're building a professional multi-step form together. I'll walk you through the entire process - from managing form data efficiently to implementing smart validation at every step.
Plus, you'll learn how to implement persistence to local storage.
Whether you're building a checkout flow or a complex registration system, these techniques will help you create robust, user-friendly forms.
Check it out below. 👇️
See you soon!
Darius Cosden