One of the practices of clean code is to make it more readable. And a fairly common use case in code bases is conditionals. I recently came across a way of writing more readable JavaScript conditionals and thought of sharing it with everyone.
Consider the following conditional:
if (noteType === CallNoteType.Comment || noteType === CallNoteType.Text) {
}
JavaScriptThe mind takes a few minutes to process the “if” conditionals. And it would be less readable if there were more note types that we were checking for.
Instead of chaining all the logical ORs, we can make use of the includes method on an array to get more readable JavaScript conditionals.
if ([CallNoteType.Comment, CallNoteType.Text].includes(noteType)) {
}
// or use a variable
// to make it even clearer
if (editableNoteTypes.includes(noteType)) {
}
JavaScriptIt looks like a tiny change, but it tremendously improves readability!
While working on a project, I wanted to do an integrity check of a file…
Popovers have been a problem that was typically solved by using a third-party solution. But…
Node.js 20.6 added built-in support for the .env file. This is an excellent addition to the platform…
Object destructuring is a powerful ES 6 feature that can help developers write cleaner code.…
Have you felt particularly annoyed by the time it takes to clone a large repository,…
Within a React or Next.js app, if you encounter the error "Hydration failed because the…