A Short Guide to Component Naming

Vuk Dukic
Founder, Senior Software Engineer
December 21, 2022

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.

Share this article:
View all articles

Related Articles

How to Use AI Automation to Streamline Salesforce Workflows featured image
December 18, 2025
If Salesforce feels more like busywork than a growth engine, this article is for you. It explains how AI automation transforms Salesforce workflows by reducing manual data entry, improving lead prioritization, automating follow ups, and keeping your CRM clean in real time. You will see where AI delivers the fastest wins, how to start without breaking existing processes, and how teams use automation to make Salesforce support revenue instead of slowing it down.
How Language Detection Powers Multilingual Chatbots featured image
December 17, 2025
Your customers already speak multiple languages. The question is whether your chatbot does. This article explains how language detection allows AI chatbots to instantly recognize and respond in a user’s language without friction. You will see how this technology improves accuracy, personalization, and global scalability, and why multilingual chatbots are no longer optional for businesses serving international or diverse audiences. If you want customer conversations to feel natural anywhere in the world, this is where it starts.
Cost Analysis: AI Chatbot vs Live Agents for Customer Support featured image
December 15, 2025
Customer support costs grow fast, often faster than revenue. This article breaks down where those costs actually come from and why scaling live agents alone quickly becomes inefficient. You will see how AI chatbots change the cost structure, improve response times, and absorb repetitive work, while human agents focus on complex, high value conversations. If you are deciding how to support more customers without endlessly adding headcount, this guide walks you through the real cost and scalability tradeoffs in clear, practical terms.

Unlock the Full Power of AI-Driven Transformation

Schedule Demo

See how Anablock can automate and scale your business with AI.

Book Demo

Start a Support Agent

Talk directly with our AI experts and get real-time guidance.

Call Now

Send us a Message

Summarize this page content with AI