@mastersuki.bsky.social
I am a passionate software developer specialized in Ember.js & JavaScript. I dabble in Photography, 360 panoramic tours, interactive fiction, and geek culture. https://tritarget.org/
Screaming, then “I got toothpaste on my eyeball!” #OnlyParentsCanUnderstand
11.11.2025 01:34 — 👍 1 🔁 0 💬 0 📌 0![/bar/d.exec('foo bar baz').indices[0]; // => [4, 7]
/* Especially useful with named groups */
/(?<bar>bar)/d.exec('foo bar baz').indices.groups.bar; // => [4, 7]](https://cdn.bsky.app/img/feed_thumbnail/plain/did:plc:antsrgklag2tg435ipcdxb2r/bafkreiavpftza7chqgqfg3exifzqchczocqpszi4mokzyxj6usxjr6bala@jpeg)
/bar/d.exec('foo bar baz').indices[0]; // => [4, 7] /* Especially useful with named groups */ /(?<bar>bar)/d.exec('foo bar baz').indices.groups.bar; // => [4, 7]
If you want start and ending indices try the “d” flag for RegExp. developer.mozilla.org/en-US/docs/W...
07.11.2025 13:54 — 👍 0 🔁 0 💬 1 📌 0I wish there were more reasons to design custom WebStreams in typical browser based front end development (SPA). CRUD lacks the intellectual excitement these days. #JavaScript
07.11.2025 13:40 — 👍 5 🔁 1 💬 0 📌 0Love this bit:
“We should be careful both to avoid ‘optimising’ and accelerating the creation of legacy code and to mistake such pessimisation as productivity — especially if we’re doing so at the expense of joy, time and skill.”
To repeat: “at the expense of joy, time and skill”. Hits home that!
Some people leave sourcemaps on in prod to debug in prod easier.
I raw-dog JavaScript by hand. I don’t need no stinkn’ sourcemaps!
TIL that Vim windows can switch to a local (window contained) argument list with :arglocal and switch back to the global list with :argglobal Finally I can use the args list to kind of bookmark buffers when my buffer list gets too large to manage in my short term memory. Arg lists are editable!
06.11.2025 02:21 — 👍 0 🔁 0 💬 0 📌 0
const reply = ''; Boolean(reply); // => false
Hmmm. Oh dear.
05.11.2025 00:27 — 👍 0 🔁 0 💬 1 📌 0Hence the need to `return await …` This rule hits me every time I attempt to write a mock callback that is meant to be async but in testing can be sync. I hate this rule.
04.11.2025 01:58 — 👍 0 🔁 0 💬 0 📌 0I set Vim abbreviations for “ffn” for “function”, “ccn” for “const”, and “Pvoid“ for “Promise<void>”
Makes using base features super easy. Like 1000x faster than using AI.
Yup, this one has hit me a bunch of times and each time I end up wasting an hour just trying to understand WTF it is preventing only to realize it thinks I’m a moron. Well eslint can kiss my ass!
01.11.2025 23:43 — 👍 0 🔁 1 💬 1 📌 1The worse part is that some idiot in the company is giving a report to the C-Suite explaining that support calls to a live agent have dropped to zero. 🤦
01.11.2025 23:29 — 👍 1 🔁 0 💬 0 📌 0
What he said: 💯 🎯
01.11.2025 18:55 — 👍 49566 🔁 13581 💬 1053 📌 586
I personally feel that quality starts at the smallest level. If devs cared about the coding craft instead of only one solution. Adding more quality to that fits better when care is given to the base skills. youtu.be/wdrQ4vAV0uA?...
01.11.2025 15:57 — 👍 0 🔁 0 💬 0 📌 0Why does every TV or Movie seem to be able to “crack the encryption”? Why even bring encryption into the plot if it was crackable?
30.10.2025 12:32 — 👍 0 🔁 0 💬 0 📌 0TS adds an extra build step. JS can be added to an HTML file and just works.
30.10.2025 12:00 — 👍 3 🔁 0 💬 1 📌 0
Go take the State of JavaScript 2025 survey if you have a minute! survey.devographics.com/survey/state...
30.10.2025 11:58 — 👍 2 🔁 0 💬 0 📌 0
A tweet from John Fugelsang reads in all caps: "NO FOOD FOR YOU UNTIL THE DEMOCRATS LET US TAKE AWAY YOUR HEALTHCARE" – US House Speaker Mike Johnson.
This perfectly encapsulates what the GOP position is on the shutdown.
29.10.2025 22:30 — 👍 5062 🔁 1728 💬 97 📌 41I should clarify. React gets the job done. But it does not mean I have to like it.
30.10.2025 01:09 — 👍 1 🔁 0 💬 1 📌 0Why do your loops reach that high? What are they calculating? And why would you want JavaScript to handle that? Based on the original JS is inferior complaint.
29.10.2025 23:31 — 👍 1 🔁 0 💬 1 📌 0Still not a good reason to architect it with hooks because of dogmatic functions over OOP. All the benifits you mention can still happen with classes. Ex. @emberjs.com
29.10.2025 23:21 — 👍 0 🔁 0 💬 2 📌 0React is weird because of how hard they had to bend and contort hooks to do what the language has built-in with classes/prototype. The original OOP concept to manage state associated with instances of things.
29.10.2025 11:05 — 👍 1 🔁 0 💬 1 📌 0Challenge Accepted: WebStreams + WebSockets, No Libs
s.tritarget.org/q
FFS what kind of for-loop you running where you need more than nine quadrillion, seventy-one trillion, nine hundred ninety-two billion, five hundred forty-seven million, four hundred nine thousand, nine hundred ninety-one iterations?!!!
28.10.2025 22:35 — 👍 2 🔁 0 💬 1 📌 0
For a basic crud app, you have "must haves", "Nice to haves", and "Polish". In each are different skills, like "Data fetching" or "Remote logging". These skills are differently weighted between how often a company does them and how valuable they are for individuals to have as skills on a team.
Most companies have similar business needs for their software, but not all needs are met equally
IE: Error handling. Critical for biz needs. Yet so many companies I've seen absolutely neglect it. Why? Not enough engineers focusing on that discipline
Get good at that stuff and you'll be unstoppable
Sites do this? I’ve only ever implement that for apps that have unsaved changes. But for advertisement that is messed up! This is why we can’t have nice things.
27.10.2025 21:29 — 👍 0 🔁 0 💬 0 📌 0New #JavaScript blog post about compressing data and encoding it into Base64 using built-in Web APIs
tritarget.org#Rethinking%2...
Interesting idea. At the moment my PWAs have to use a local server/extension or resort to .href = objectUrl & .click()
I started saving content to the URL fragment which I can update anytime and a refresh keeps the URL intact.
Wish you could install app to desktop to get more desktop features.
Don't [...spread] or .split() your strings!
Use Intl.Segmenter API. Available in every JS runtime
![class Resource {
constructor(label) {
this.label = label;
}
[Symbol.dispose]() {
throw new Error(`bork ${this.label}`);
}
}
function newExample() {
using a = new Resource('A');
using b = new Resource('B');
using c = new Resource('C');
throw new Error('bork');
}](https://cdn.bsky.app/img/feed_thumbnail/plain/did:plc:antsrgklag2tg435ipcdxb2r/bafkreigp6vkxtkzyorudf2ri7i5kkiyb3ysqwltczfktiqhjmkc3xhpcie@jpeg)
class Resource { constructor(label) { this.label = label; } [Symbol.dispose]() { throw new Error(`bork ${this.label}`); } } function newExample() { using a = new Resource('A'); using b = new Resource('B'); using c = new Resource('C'); throw new Error('bork'); }
![function oldExample() {
let aError;
const a = new Resource('A');
try {
let bError;
const b = new Resource('B');
try {
let cError;
const c = new Resource('C');
try {
throw new Error('bork');
} catch (error) {
cError = error;
throw error;
} finally {
try {
c[Symbol.dispose]();
} catch (error) {
if (cError) throw new SuppressedError(error, cError, 'message');
throw error;
}
}
} catch (error) {
bError = error;
throw error;
} finally {
try {
b[Symbol.dispose]();
} catch (error) {
if (bError) throw new SuppressedError(error, bError, 'message');
throw error;
}
}
} catch (error) {
aError = error;
throw error;
} finally {
try {
a[Symbol.dispose]();
} catch (error) {
if (aError) throw new SuppressedError(error, aError, 'message');
throw error;
}
}
}](https://cdn.bsky.app/img/feed_thumbnail/plain/did:plc:antsrgklag2tg435ipcdxb2r/bafkreigrjcsdljkojrdema5evvlqfwwkkr5tufl22l7e6vxrm6wstxzn5m@jpeg)
function oldExample() { let aError; const a = new Resource('A'); try { let bError; const b = new Resource('B'); try { let cError; const c = new Resource('C'); try { throw new Error('bork'); } catch (error) { cError = error; throw error; } finally { try { c[Symbol.dispose](); } catch (error) { if (cError) throw new SuppressedError(error, cError, 'message'); throw error; } } } catch (error) { bError = error; throw error; } finally { try { b[Symbol.dispose](); } catch (error) { if (bError) throw new SuppressedError(error, bError, 'message'); throw error; } } } catch (error) { aError = error; throw error; } finally { try { a[Symbol.dispose](); } catch (error) { if (aError) throw new SuppressedError(error, aError, 'message'); throw error; } } }
For the curious, to do what "newExample" is doing WITHOUT the "using" keyword it would look like "oldExample".
Have I got your attention about Explicit Resource Management in #JavaScript yet?
