Oh Dear is the all-in-one monitoring tool for your entire website. We monitor uptime, SSL certificates, broken links, scheduled tasks and more. You'll get a notifications for us when something's wrong. All that paired with a developer friendly API and kick-ass documentation. O, and you'll also be able to create a public status page under a minute. Start monitoring using our free trial now.

Making string concatination readable in JavaScript

Original – by Freek Van der Herten – 1 minute read

At Laracon EU Frank De Jonge gave a talk on modern JavaScript development. It struck a cord with me. On a project I'm currently working on I'm learning a bit of React and using some of these neat new JavaScript features.

One of those features is called template strings. It allows you do make string readable in somewhat the same way this can be done in php. In the past you probably have concatinated your strings like this:

let logMessage = 'A ' + user.type + ' with e-mailaddress ' + user.email + ' has performed ' + action + ' on ' + subject + '.',

In the latest version of JavaScript you can write that statement like this:

let logMessage = `A ${user.type} with e-mailaddress ${user.email} has performed ${action} on ${subject}.`

To my eyes this is much more readable. Just remember to use the backticks instead of quotes. There's a lot more to know about template strings. Here's an excellent article on the subject.

Share Post LinkedIn

I write about Laravel, PHP, AI and building better software.

Every two weeks, I share practical tips, tutorials, and behind-the-scenes insights from maintaining 300+ open source packages. Join thousands of developers who read along.

No spam. Unsubscribe anytime. You can also follow me on X.

Found something interesting to share?

The community section is a place where developers share links to articles, tutorials and videos. Submit a link and help fellow developers discover great content. As a thank you, you'll receive a coupon for a discount on Spatie products.