惯性聚合 高效追踪和阅读你感兴趣的博客、新闻、科技资讯
阅读原文 在惯性聚合中打开

推荐订阅源

云风的 BLOG
云风的 BLOG
GbyAI
GbyAI
G
Google Developers Blog
Engineering at Meta
Engineering at Meta
月光博客
月光博客
腾讯CDC
Recent Announcements
Recent Announcements
酷 壳 – CoolShell
酷 壳 – CoolShell
爱范儿
爱范儿
钛媒体:引领未来商业与生活新知
钛媒体:引领未来商业与生活新知
S
SegmentFault 最新的问题
奇客Solidot–传递最新科技情报
奇客Solidot–传递最新科技情报
阮一峰的网络日志
阮一峰的网络日志
博客园 - 【当耐特】
The GitHub Blog
The GitHub Blog
Last Week in AI
Last Week in AI
让小产品的独立变现更简单 - ezindie.com
让小产品的独立变现更简单 - ezindie.com
aimingoo的专栏
aimingoo的专栏
Google DeepMind News
Google DeepMind News
Y
Y Combinator Blog
OSCHINA 社区最新新闻
OSCHINA 社区最新新闻
Martin Fowler
Martin Fowler
A
About on SuperTechFans
博客园 - 叶小钗

DEV Community

Authentication Security Deep Dive: From Brute Force to Salted Hashing (With Java Examples) Why AI Systems Don’t Fail — They Drift Spilling beans for how i learn for exam😁"Reinforcement Learning Cheat Sheet" I Replaced Chrome with Safari for AI Browser Automation. Here's What Broke (and What Finally Worked) How Python Borrows Other People's Work The $40 Architecture: Processing 1 Billion API Requests with 99.99% Uptime Vibe Coding: A Workflow Guide (From Zero to SaaS) Most webhook security guides protect the wrong side. The scary part is delivery. Headless CMS for TanStack Start: Build a Blog with Cosmic EU Age Verification App "Hacked in 2 Minutes" — What Actually Happened Comfy Cloud’s delete function does not actually remove files Running AI Models on GPU Cloud Servers: A Beginner Guide Event-driven media intelligence with AWS Step Functions and Bedrock I scored 500 AI prompts across 8 quality dimensions — here's what broke How to Call Google Gemini API from Next.js (Free Tier, No Backend Needed) The Portal Protocol: Reclaiming Human Connection in the Age of AI How to Fix Your Team's Scattered Knowledge Problem With a Self-Hosted Forum Intro to tc Cloud Functors: A Graph-First Mental Model for the Modern Cloud Designing Multi-Tenant Backends With Both Ownership and Team Access I Built a Neumorphic CSS Library with 77+ Components — Here's What I Learned PostgreSQL Performance Optimization: Why Connection Pooling Is Critical at Scale Cómo construí un SaaS multi-rubro para gestionar expensas en Argentina con FastAPI + Vue 3 🚀 I Built an Ethical Hacking Scanner Tool – Open Source Project I Replaced /usage and /context in Claude Code With a Single Statusline A Pythonic Way to Handle Emails (IMAP/SMTP) with Auto-Discovery and AI-Ready Design I Collected 8.9 Million Polymarket Price Points — Here's What I Found About How Markets Really Move EcoTrack AI — Carbon Footprint Tracker & Dashboard Everyone's Using AI. No One Agrees How. 5 self-hosted ebook managers worth trying in 2026 Building Your First AI Agent with LangChain: From Chatbot to Autonomous Assistant
I Have Taken Over React Projects Without Standards. Here ...
Avery · 2026-05-27 · via DEV Community

Every file looked slightly different.

Not wrong exactly. Just different. One component used arrow functions. The next used function declarations. State lived in hooks in some features and inline in the UI in others. Naming conventions shifted from folder to folder. Import patterns changed depending on who had last touched the file.

I asked for an introduction to the codebase. The answer was: you can see how it is done.

I could see how it was done. The problem was that it was done differently everywhere I looked.

What a codebase without standards actually feels like

It feels like reading a book where every chapter was written by a different author who never spoke to the others.

Each chapter makes sense on its own. The story is technically there. But the voice changes, the style shifts, the conventions reset. You can follow it but you can never relax into it because you never know what the next page will look like.

That is what a React project without standards feels like to the developer who inherits it. Every file requires active reading. Nothing is automatic. The mental overhead of just understanding what exists before you can build anything new is enormous.

And in most cases the AI built a significant portion of it. One session at a time. Each session making slightly different decisions because no rules existed to make them the same.

The handover problem nobody talks about

Most conversations about React project handovers focus on documentation. Write better comments. Create a README. Document the architecture.

Documentation helps. But documentation describes what exists. It does not create consistency in what exists.

A developer taking over a project with good documentation but no standards still has to read every file carefully. Still has to figure out which pattern is the real one. Still has to make judgment calls about how to extend something that was built inconsistently.

A developer taking over a project with standards can move immediately. The patterns are the same everywhere. The naming follows one convention. The structure is predictable. They do not need documentation to tell them what the codebase looks like because it looks the same everywhere they go.

Documentation tells the next developer what your project does. Standards tell them how it thinks. GitHub Copilot can follow standards. It cannot write documentation that compensates for not having them.

What I did instead

I brought my own standards in.

Not loudly. Not as a refactor proposal. Just quietly applied them to every file I touched. Every new component followed the same structure. Every hook followed the same pattern. Every import went through the feature index.

The parts of the codebase I worked on started looking different from the parts I had not touched yet. More consistent. More predictable. Easier to extend.

The other developers noticed. Not because I told them about a system. Because the code spoke for itself.

Here is what that looked like in practice:

Standards I applied from day one:
1. Every component is either presentational or container. Never both.
2. State logic lives in a dedicated hook within the feature folder.
3. All imports go through the feature index file. No deep relative paths.

Three rules. Applied consistently. The codebase started to have a standard in the areas I touched even when it did not have one everywhere else.

The cost of no standard at handover

The developer who inherits a project without standards pays a tax on every single task.

Reading time. Context building. Pattern recognition. Judgment calls about which of the three ways something is done is the right way to extend it.

That tax compounds. The longer the project exists without a standard, the more inconsistency accumulates, the higher the tax gets for every developer who comes after.

The AI did not create this problem. But it accelerated it. Because every session without rules added another slightly different decision to a codebase that already had too many.

The prompt does not matter. The rules do.

A React project handover does not fail because of missing documentation.

It fails because the next developer opens the codebase and finds five different ways of doing the same thing with no indication of which one is correct.

Standards fix that. Not after the handover. Before the first session. Before the first component. Before the AI makes its first decision about how this project works.


Want to find where your React project is missing the standards that survive a handover?

I built a free 24 point checklist that helps you find exactly that. The structural gaps that make every handover harder than it needs to be.

Get the React AI Clean Code Checklist — free

Avery Code React AI Engineering System