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

Automating HR Onboarding Workflows with AI and Employee Data featured image
January 27, 2026
This blog explores how AI workflows modernize HR onboarding by replacing manual checklists with data-driven automation. It explains how employee data triggers tasks, access provisioning, training, and reminders, and how Anablock designs onboarding systems that scale hiring while improving the new hire experience.
How AI Chatbots Transform Website Customer Service and Improve Response Time featured image
January 26, 2026
This article explains how AI chatbots dramatically improve website customer service by replacing static forms and delayed responses with real-time, intelligent conversations. It covers instant response, automated support, better handoffs to humans, and how Anablock builds chatbots that integrate directly with CRM and internal systems to deliver measurable results.
Creating Omnichannel Customer Support with AI Chatbots featured image
January 23, 2026
Customers move between channels constantly, and siloed support forces them to repeat themselves. This post explains the difference between multichannel and omnichannel, and how AI chatbots create continuity by identifying users, capturing context, and routing requests consistently across web chat, messaging apps, and other entry points. It also covers why consistency matters, including standardized answers and unified logging into your CRM or helpdesk. Finally, it shows how Anablock approaches omnichannel support by designing the full system, not just installing another widget.

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