• Coding Beauty
  • Posts
  • 🚀5 amazing new JavaScript features in ES2024

🚀5 amazing new JavaScript features in ES2024

Weird FP puzzle, new JS features, and more

Sponsored by

Missed out on Ring and Nest? Don’t let RYSE slip away!

Ring 一 Acquired by Amazon for $1.2B

Nest 一 Acquired by Google for $3.2B

If you missed out on these spectacular early investments in the Smart Home space, here’s your chance to grab hold of the next one.

RYSE is a tech firm poised to dominate the Smart Shades market (growing at an astonishing 55% annually), and their public offering of shares priced at just $1.50 has opened. 

They have generated over 20X growth in share price for early shareholders, with significant upside remaining as they just launched in over 100 Best Buy stores.

Retail distribution was the main driver behind the acquisitions of both Ring and Nest, and their exclusive deal with Best Buy puts them in pole position to dominate this burgeoning industry.

The weird function seems to be using a fancy yet powerful functional programming feature.

Can you complete its code?

2024: Another incredible year of brand new JS feature upgrades with ES15.

From sophisticated async features to syntactic array sugar and modern regex, JavaScript coding is now easier and faster than ever:

Literally the only thing keeping dinosaur Lodash alive -- no more!

And you know, I was expecting a new instance method like Array.prototype.groupBy but they made it static for whatever reason.

Then we have Map.groupBy to group with object keys:

Almost no one ever groups arrays this way though, so will probably be far less popular.

With Promise.withResolvers().

It's very common to externally resolve promises and before we had to do it with a Deferred class:

Or install from NPM -- one more dependency.

But now with Promise.withResolvers() :

See how I use it to rapidly promisify an event stream -- awaiting an observable:

Next.js 15 is here and things are better than ever!

From a brand new compiler to 700x faster build times, it's never been easier to create full-stack web apps with exceptional performance.

Let's explore the latest features from v15:

From this:

To this:

Deep copying is a regular programming task for passing or storing data.

  • Shallow copy: Only copies the first level of the object

  • Deep copy: Copies all levels of the object

But all this while we’ve never had a built-in way to perfectly deep copy objects and it’s been a pain.

We always had to lean on third-party libraries for deep copying and keeping circular references.

All that changes now with the new structuredClone() — an easy and efficient way to deep copy any object.

Cloning circular references with ease:

Freelancing offers a life of freedom, flexibility, and financial potential that most full-time jobs don’t provide.

But it can be tough, especially when it comes to:

  • Finding clients

  • Maintaining a steady flow of jobs

  • Creating unlimited income potential with per-project work

All these and more are what the new Coding Beauty University is here to solve.

A new full-featured coaching program giving you:

  • Personalized learning path to everything you need to earn a comfortable living with regular, high-paying freelance developer jobs.

  • Access to exclusive freelance networks — $160,000 developer jobs on average. No resume needed.

  • Assistant Premium: Unlimited Premium access to our new AI tool providing advanced code completions and chat messages using context from your codebase.

Join the waitlist to learn more and get priority access + early bonuses when it launches in July 2024.

Thanks for taking the time to read today’s issue.

Don’t let the bugs byte,
Tari Ibaba