- Coding Beauty
- Posts
- New: Built-in TypeScript support in Node.js
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?
Featured content
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.
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