DEV Community

Cover image for Unraveling the Mystery of is.camelCase with 'thiis': Your Guide to JavaScript Naming Conventions
Ivan Karbashevskyi
Ivan Karbashevskyi

Posted on

Unraveling the Mystery of is.camelCase with 'thiis': Your Guide to JavaScript Naming Conventions

JavaScript is a language of endless possibilities, and one aspect that adds charm to your code is the art of naming variables. One popular convention is camelCase, where words are joined together, starting with a lowercase letter and subsequent words capitalized. But how can you ensure that a string follows this elegant camelCase pattern? Enter the is.camelCase method from the 'thiis' package! In this article, we'll embark on a delightful journey to understand this method and its partner, is.not_camelCase, through six friendly examples.

Understanding the Elegance of CamelCase in JavaScript

Image description

Before we dive into the world of is.camelCase, let's take a moment to appreciate the elegance of camelCase in JavaScript. It's not just a naming convention; it's a style that makes your code more readable and aesthetically pleasing.

Meet is.camelCase - Your CamelCase Validator

Documentation link

Imagine you're navigating through your code, and you want to make sure that a string adheres to the camelCase convention. That's where the is.camelCase method comes to your rescue:

import { is } from 'thiis'; // Import the "is" object from the "thiis" package

const myString = 'helloWorld';
const result = is.camelCase(myString);

console.log(result); // true
Enter fullscreen mode Exit fullscreen mode

In this example, we import the "is" object from the "thiis" package and use the is.camelCase method to confirm that myString follows the camelCase convention. As expected, it returns true.

The Journey of Examples

Now, let's embark on a journey through various examples that showcase the magic of is.camelCase and its companion, is.not_camelCase.

1. Checking Variable Names

The primary use of is.camelCase is to check if a variable name follows the camelCase convention. This ensures your codebase maintains a consistent and clean style:

import { is } from 'thiis';

const variableName = 'myAwesomeVariable';
const isCamelCase = is.camelCase(variableName);

if (isCamelCase) {
  // Your variable name is a piece of camelCase beauty!
} else {
  // Consider giving it a camelCase makeover.
}
Enter fullscreen mode Exit fullscreen mode

2. Guarding Function Names

Function names are another playground for camelCase. Use is.not_camelCase to ensure that a function name doesn't break the camelCase pattern:

import { is } from 'thiis';

const functionName = 'myFunctionName';
const isValidFunctionName = is.not_camelCase(functionName);

if (isValidFunctionName) {
  // Your function name is a camelCase superstar!
} else {
  // Think about embracing the camelCase style.
}
Enter fullscreen mode Exit fullscreen mode

3. Validating User Input

Let's say you're receiving input from users, and you want to validate that their chosen username follows the camelCase convention:

import { is } from 'thiis';

function validateUsername(username) {
  if (is.camelCase(username)) {
    return 'Username validated successfully!';
  } else {
    return 'Please choose a username in camelCase.';
  }
}
Enter fullscreen mode Exit fullscreen mode

4. Conditional Styling in CSS

Even in the world of stylesheets, camelCase plays a role. Use is.camelCase to ensure that your CSS class names adhere to the camelCase pattern:

import { is } from 'thiis';

const className = 'myStyledComponent';
const isCamelCased = is.camelCase(className);

if (isCamelCased) {
  // Your styling is following the camelCase tradition!
} else {
  // Time for a little CSS camelCase makeover.
}
Enter fullscreen mode Exit fullscreen mode

5. Stream of Style with is.camelCase

Let's dive into a scenario involving stream$ from RxJS. Using filter and is.camelCase, we can ensure that the stream processes only strings that follow the camelCase convention:

import { is } from 'thiis';
import { from } from 'rxjs';
import { filter } from 'rxjs/operators';

const stream$ = from(['camelCaseString', 'NotCamelCase', 'anotherCamelCase']);

stream$
  .pipe(
    filter(is.camelCase)
  )
  .subscribe(value => {
    console.log(value); // Only camelCase strings will be part of the stream's story.
  });
Enter fullscreen mode Exit fullscreen mode

In this example, the filter(is.camelCase) ensures that only camelCase strings get processed by the stream.

6. Array Exploration with is.not_camelCase

Arrays are yet another realm for camelCase exploration. You can use every() to confirm that all elements are not camelCase and some() to check if at least one is:

import { is } from 'thiis';

const notCamelCaseArray = ['nonCamelCase', 'NONCAMELCASE', 'AnotherString'];
const mixedArray = ['camelCaseString', 'NotCamelCase', 'AnotherString'];

const allElementsNotCamelCase = notCamelCaseArray.every(is.not_camelCase); // true
const someElementsNotCamelCase = mixedArray.some(is.not_camelCase); // true

console.log(allElementsNotCamelCase);
console.log(someElementsNotCamelCase);
Enter fullscreen mode Exit fullscreen mode

Here, allElementsNotCamelCase checks if all elements in notCamelCaseArray are not camelCase, and someElementsNotCamelCase checks if at least one element in mixedArray is not camelCase.

The Adventure Continues

The is.camelCase and is.not_camelCase methods from the 'thiis' package are your reliable guides on your JavaScript adventure. They make checking naming conventions a breeze, ensuring your code follows the camelCase pattern. By adding the 'thiis' package to your JavaScript toolkit and exploring

its documentation for more tips and examples, you can navigate the world of JavaScript with style and a touch of fun.

So, keep coding with style, and remember that the journey of JavaScript is full of exciting discoveries!

🎗 ChatGPT & DALL·E 3

Top comments (1)

Collapse
 
karbashevskyi profile image
Ivan Karbashevskyi

Telegram channel:
t.me/thiis_pkg

NPM:
npmjs.com/thiis