A Short Guide to Component Naming

by Angela Fisher, Front-end Developer

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.

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.

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.

More articles

AI agent products are turning into control planes

The next category-defining shift in agent products is not better chat, but better runtime governance: tasks, runs, policy, evaluation, and human review in one operational surface.

Read more

Build vs Buy: Enterprise Knowledge Graph Platforms

A comprehensive strategic analysis of when to build custom knowledge graph solutions versus purchasing standardized platforms, including TCO frameworks, technical constraints, and decision matrices for enterprise leaders.

Read more

Tell us about your project

Our offices

  • Singapore
    68 Circular Road #02-01
    049422, Singapore
  • Bali
    Bwork Jl. Nelayan No.9C
    Canggu, Kec. Kuta Utara
    Kabupaten Badung, Bali 80361
    Indonesia
  • Istanbul
    NOKTA APP YAZILIM VE TEKNOLOJİ LİMİTED ŞİRKETİ
    Fenerbahçe Mah. İğrip Sk. No: 13/1
    34724 Kadıköy/İstanbul
    Turkey