Friday, April 12, 2024
HomeJavaScriptNet Weekly #77 | Stefan Judis Net Growth

Net Weekly #77 | Stefan Judis Net Growth

Shell scripting is one in every of these items that I simply do not get higher at. And I am actually making an attempt, however I do not recall any syntax and should google each tiny script portion. It is so irritating. And even when issues work ultimately, I am nonetheless not sure if I did issues “the correct means”.

Let me let you know about two instruments giving me extra confidence in mighty shell scripting land.

Screenshots of shellcheck and explain shell

Clarify Shell helps to grasp CLI instructions by displaying detailed explanations of each argument.

However what about writing scripts?

Some time in the past, I found ShellCheck, and I could not write scripts with out it now. It is like ESLint for shell scripting, instructing methods to write scripts appropriately. Use it on-line or set up an extension on your favourite editor. I extremely suggest it!

At the moment you may find out about:

  • Model queries
  • iTerm tips
  • Questionable efficiency recommendation

… and, as at all times, GitHub repositories, a brand new Tiny Helper and a few music.

Lastly, welcome to the 18 new subscribers! I am tremendous excited to have you ever round! 👋

One thing that made me smile this week

Tweet: Marmots go curling

To kick issues off, here is a marmot curling competitors for you. 😆

iTerm2 tips value realizing

iTerm2 window highlighting a custom mark, the status bar and multiline command editing

I spend a number of time in my terminal, and I wager you do, too.

Should you’re utilizing iTerm2, listed below are three terminal tips:

All people talks about container queries — however there will likely be extra!

For example, you can use the approach of higher-order variables to group styles (in this example a “highlight” card), with logic based on its intrinsic size: @container (min-width: 420px) and style(--highlight: true) {   /* styles for only highlight components at a minmimum width of 420px */ }

Container queries will make the creation of component-based types a lot simpler. However they’re solely the primary stage. Una Kravets shares what’s following — model queries. And I am so enthusiastic about them!

Question with model

Node 16 comes with build-in CLI argument parsing

import { parseArgs } from 'node:util'; const args = ['-f', '--bar', 'b']; const options = {   foo: {     type: 'boolean',     short: 'f'   },   bar: {     type: 'string'   } }; const {   values,   positionals } = parseArgs({ args, options }); console.log(values, positionals); // Prints: [Object: null prototype] { foo: true, bar: 'b' } []

Brief’n’candy: in any case these years, CLI argument parsing made it into Node.js!

Parse it like a boss

TIL — GitHub offers saved replies

How to step up your GitHub game with "Saved replies"

Hah! I did not know that GitHub offers a solution to reuse and save replies. The function is kind of hidden in your account settings.

I’m wondering if project-level snippets can be extra invaluable, however hey… it is nonetheless a useful function.

Cease typing the identical replies

Deno vs Bun

There’s a number of motion within the JavaScript runtime area currently. Most notably, Deno and Bun make a number of noise. Swyx shares an outsider’s perspective and provides a wonderful abstract of options, the communities, the standard of docs, and all the things else you want to know concerning the initiatives.

Be taught extra concerning the new and fancy

JS Code: const ref = React.useCallback((node) => {    node?.focus()  }, [])   return <input ref={ref} defaultValue="Hello world" />

Every time I exploit useRef, I feel “Wow, it is a unusual API”. Dominik Dorfmeister explains the way it works and shares methods to use React references in a different way.

Reference one other means

Discover ways to make music in your browser

Get started making music — In these lessons, you'll learn the basics of music making. No prior experience or equipment is required; you'll do everything right here in your browser.

The music software program firm Ableton created a website instructing methods to make music. You find out about scales, beats, track buildings and lots of different issues… It is incredible!

Develop into a musician

The 14KB efficiency delusion

Many web performance experts recommend putting all critical resources in the first 14 KB of your web page. This is based on a bit of understanding of TCP which underlies each HTTP connection – at least for now until HTTP/3 and QUIC come along. But is it really true? In my book HTTP/2 in Action I suggested that this 14 KB statistic was no longer really that relevant in the modern world, if it ever was, and was asked to expand upon this - hence this post. But let me caveat it by saying that web performance is massively important, and there are many, many, many use cases showing this, so I'm not arguing against it and people should optimise this. Just don't get too hung up on this 14 KB number.

Headsup: Hacker Information entry approaching. 😉

The article “A 14kb web page can load a lot sooner than a 15kb web page” was trending on HN this week. And whereas it is at all times good to ship much less, Barry Pollard explains why you should not get hung up on delivering precisely 14KB.

Construct a sooner internet

One more glorious TIL assortment

TIL — Today I Learned. A collection of concise write-ups on small things I learn day to day across a variety of languages and technologies. These are things that don't really warrant a full blog post. These are things I've picked up by Learning In Public™ and pairing with smart people at Hashrocket.

As , I am a giant fan of writing concise “At the moment I realized” posts. And whereas I am at 200+ documented learnings, Josh Branchaud beats me to it with over a thousand TIL posts on GitHub. 👏

Be taught one thing new

Tweet: 🦖 Random MDN: 410 Gone 🦖  The HyperText Transfer Protocol (HTTP) 410 Gone client error response code indicates that access to the target resource is no longer available at the origin server and that this condition is likely t…

From the limitless information archive known as MDN…

Do you know there’s not solely the 404 – Not discovered but additionally a 410 – Gone standing code? Now you do. 🙂

Use “410 – Gone”

Example HTML including three links with rel "sponsored", "ugc" and "nofollow"

This TIL is for you if in case you have a feedback part in your website. Googlebot understands hyperlinks which might be marked as sponsored or user-generated. Be taught extra about it on the weblog.

Add relationships

Three invaluable initiatives to take a look at

Repo trends for denoland/deno

Should you’re planning to contribute to open supply initiatives, “Repo Tendencies” tells you ways lengthy it takes maintainers to answer to a problem or assessment a PR.

Analyze repositories

When speaking to individuals: are you the talker or the listener?

My introverted self is unquestionably a listener as a result of I need to give of us sufficient area and do not care a lot about my very own talking time.

“Good conversations have numerous doorknobs” talks about givers and takers as a substitute of talkers and listeners. Givers provide the area that takers fortunately take.

Sounds logical, however pairing a giver with a taker would not make an awesome dialog. Each want to supply their counterpart a means to hook up with maintain the dialog going. These connections alone make conversations nice and invaluable.

I thought of this concept lots and can a) attempt to converse up extra (particularly in teams) and b) search for hooks to ease dialog flows.

Speaking to a different individual is like mountain climbing, besides you might be my rock wall and I’m yours.

A track that makes you cease coding

Cover: Tinush - Struggle (feat Aretha Franklin)

Tinush’s observe “Wrestle” is a nicely-rolling home observe with fabulous vocals. 👏

Hearken to “Wrestle”

Writing Net Weekly takes me roughly 5 hours each week, and I pay actual cash for sending nearly 3k emails. Should you get pleasure from it, take into account supporting me on Patreon. ♥️

Or inform your mates about it:

Should you’re not a subscriber, you’ll be able to change that! 😉

And with that, maintain your self – mentally, bodily, and emotionally. I am going to see you subsequent time! 👋



Please enter your comment!
Please enter your name here

Most Popular

Recent Comments