A Short Guide to Component Naming

December 21, 2022
Vuk Dukic
Founder, Senior Software Engineer

Vuk Dukic is the founder of Anablock and a senior software engineer focused on building practical AI systems, automation, and digital products for real business operations.

1. Brevity is Key

Time is scarce, don’t waste it typing out long, descriptive component names. One approach is to give them short, cryptic names that only you will understand.

Need a button? Call it "btn". A modal? How about "md"? You’ll save precious minutes per day and you’ll get the added benefit of being the only person in the codebase who knows where anything is. This is called job security.

Blog image

2. Rank High in Search

When working in large repos with lots of collaborators, it’s important that your component ranks high when people search for anything.

One way to stand out is to include all the possible search terms in your component name. Instead of “SignInButton” you might want call it “SignInButtonAuthenticationCookieUserLogIn” which will ensure that it is returned in almost any related search result.

Blog image

3. Mix Languages

If you work remotely, it’s likely you are on a global team and yet all your components have English names. This slows down your non-english colleagues considerably so you should allow them to use their native tongue when naming components.

You can create an index file that maps all the different languages within your repo. Need a dropdown? Look for “Desplegable”. A form? Search “Форма”. You’ll learn multiple new languages while being more inclusive to your colleagues.

Written by

Vuk Dukic
Vuk Dukic

Founder, Senior Software Engineer

Vuk Dukic is the founder of Anablock and a senior software engineer focused on building practical AI systems, automation, and digital products for real business operations.

Share this article:
View all articles

Related Articles

Claude Skills: The Workflow and Design Patterns Behind Reusable AI Agents featured image
October 3, 2026
Claude Skills are reusable, lazy-loaded agent behavior units that cut token costs by 94%, deliver 2.5x faster responses, and scale cleanly across complex AI workflows. This post breaks down the Skills architecture, end-to-end workflow, and three core design patterns — Generator, Inversion, and Chained Inversion — with practical guidance for technical builders.
What's Next for AI Agents in Business? From Assistants to Autonomous Workflows featured image
October 2, 2026
This post maps the five stages of AI evolution in business, from basic chatbots to fully AI-native operations, and makes the case that most companies are stuck at stages 1 or 2 while the real competitive advantage lies at stages 3 through 5. It positions Anablock's Ana and Echo agents as a live example of multi-agent workflow infrastructure available today.
The AI-Native Startup: What Business Operations Look Like When AI Agents Are Built In From Day One featured image
October 1, 2026
This post explores what it means to build an AI-native startup from day one, with AI agents embedded across sales, support, operations, product, and customer success, not bolted on as afterthoughts. It makes the case that AI-native companies can operate leaner, move faster, and scale revenue without scaling headcount, using Anablock's CRM and Echo as real-world proof points.

Talk to Anablock about building AI around your workflows.

If you are ready to move from research to implementation, we can help map the right AI system around your tools, data, team, and goals.