A Short Guide to Component Naming
As a developer, the most important aspect of your job is naming components. It’s not just about being descriptive and clear, but also about having fun and being creative.
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.
TOC TEST
Aute laborum magna qui tempor ex veniam incididunt.
Voluptate labore incididunt laboris do pariatur non ullamco nostrud.
Ex eu sunt laboris ipsum eiusmod tempor excepteur irure veniam dolor ea laboris.
Non tempor veniam pariatur quis ut.
Ex eu sunt laboris ipsum eiusmod tempor excepteur irure veniam dolor ea laboris.
Voluptate labore incididunt laboris do pariatur non ullamco nostrud.
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.
Irure laborum duis exercitation tempor quis excepteur amet do.
Voluptate labore incididunt laboris do pariatur non ullamco nostrud.
Non tempor veniam pariatur quis ut.
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