Sorta Stupid Reacts May 2026

import React from 'react';
import  BrowserRouter, Route, Link  from 'react-router-dom';
const App = () => 
  return (
    <BrowserRouter>
      <div>
        <h1>Home</h1>
        <p>
          <Link to="/about">About</Link>
        </p>
      </div>
      <Route path="/about" component=() => <h1>About</h1> />
    </BrowserRouter>
  );
;

State Management with Redux

Redux is a state management library that helps you manage global state by providing a single source of truth for your application's state.

The Stupidity: One single file that holds the state, the API call, the logic, the styling, and the HTML. It is 800 lines long and importing it breaks your IDE's intellisense. Sorta Stupid Reacts

The Stupid Way:

// UserDashboard.jsx (800 lines)
export default function UserDashboard() 
  // 50 useState hooks
  // 3 useEffects doing 5 different things each
  // A massive return statement with nested ternaries

The Smart Way: Break it down. Custom hooks for logic (useFetchUsers), small components for UI (UserCard), and container components for layout. import React from 'react'; import BrowserRouter, Route, Link

Most reactors pause a video to analyze it. Jace pauses because he genuinely lost the plot. He will stare blankly at the screen for four seconds, squint, and say, "I’m sorta stupid, right? Because I don't get why the cat is driving the car." This invites the chat to explain the joke to him, creating a unique interactive dynamic.

Leo watches a trending TikTok challenge or Reddit AITA post, gives his take, and lets comments correct him. State Management with Redux Redux is a state

const element = <div>Hello, world!</div>;

State and Props

npx create-react-app sorta-stupid-reacts
cd sorta-stupid-reacts
npm start

Understanding React Components

React components are the building blocks of your application. There are two types of components: