New: Built-in TypeScript support in Node.js

Node.js upgrades, the amazing Emmet, and more

Recommended

  • Techpresso: a daily rundown of what’s happening in tech and what you shouldn’t miss. Read by professionals at Google, Apple, and OpenAI. Check it out

  • GPTE AI: Discover over 5,000 new AI tools for productivity, design, content creation, and more. Check it out

Do you know how this powerful functional programming technique works in JavaScript?

In this article, we’ll see how easy it is to launch and deploy a Laravel server on Vultr.

Vultr is an independent cloud computing platform that provides a range of services to help businesses and developers build and deploy applications.

What does Vultr offer?

  • Cloud computing instances (servers): These are virtual machines that you can use to run your applications.

  • Managed databases: Vultr offers managed database services for popular databases like MySQL, PostgreSQL, and MongoDB.  

  • Object storage: You can store large amounts of data in Vultr’s object storage.

  • Bare metal servers: If you need more power and control, Vultr offers bare metal servers.  

If you’re not using Emmet you’re missing out and wasting a lot of valuable time.

It is a powerful shorthand syntax for writing large swaths of HTML and JSX code with as little effort as possible:

Use these 10 solid tips to maximize Emmet to its fullest potential and spend much less time writing repetitive HTML.

The syntax is quite similar to CSS and easy to understand.

1. Nest tags with >

Emmet makes creating a hierarchy of tags easier than ever with the > symbol:

From this:

body>main>div>ul>li

To this:

<body>
  <main>
    <div>
      <ul>
        <li></li>
      </ul>
    </div>
  </main>
</body>

2. Create siblings with +

Just like the + CSS selector, this lets you create elements that are siblings in the DOM hierarchy.

From this:

header + main + aside + footer

To this:

<header></header>
<main></main>
<aside></aside>
<footer></footer>

3. Climb up with ^

> is for drilling down and ^ is for climbing back up.

Here we create a child p in div and jump out to create a sibling ul:

So from:

main>div>p^ul>li

To:

<main>
  <div>
    <p></p>
  </div>
  <ul>
    <li></li>
  </ul>
</main>

Developers spend 75% of their time debugging and this is a major reason why.

Avoiding this mistake will massively cut down the bug occurrence rate in your code.

Never take new code for granted.

A simple but powerful principle with several implications.

Never assume your code works just because it looks alright

Always test your code in the real world.

And not just your machine.

You cannot trust your mind on this — That’s why bugs exist in the first place.

Bugs are always something you never expect.

It’s a big reason why debugging takes much time, especially for complex algorithms.

Exciting news today as native TypeScript support finally comes to Node.js!

Yes you can now use types natively in Node.js.

So throw typescript and ts-node in the garbage.

❌Before now:

Node.js only ever cared for JavaScript files.

This would never have run:

Try it and you’d get this unpleasant error:

Our best bet was to install TypeScript and compile with tsc.

Coding Beauty University: Delegate jobs and earn passively with Build network

Our network delegation in the Coding Beauty Build network is taking off!

Any time one of our developers finds a job from external networks, they can delegate to other developers and earn passively.

Daily earnings have sky-rocketed by around 250% on average for several of our most in-demand developers.

The best part is that anyone who joins Coding Beauty University gains access to this network automatically.

Our comprehensive coaching program will get you up to speed with everything you need to know to start freelancing.

Want to take advantage of this amazing opportunity? Send me a quick DM on WhatsApp, let’s chat.

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

Don’t let the bugs byte,
Tari Ibaba