Maybe that's helpful for other devs using JSDoc: Import Types from other modules in JSDoc
grooovinger.com/notes/2026-0...
#til #jsdoc #ts #webdev
5
0
1
0
#jsdoc
Latest posts tagged with #jsdoc on Bluesky
Trending
Posts tagged #jsdoc
Overview: Hacker News debated if JSDoc with modern tooling *is* TypeScript. The core discussion explored JSDoc's type checking & documentation capabilities against traditional TypeScript, weighing build steps, verbosity, and tooling support. #JSDoc 1/6
0
0
1
0
The Nuances of JavaScript Typing Using JSDoc, by @jaredwhite@indieweb.social (@vanillaweb@intuitivefuture.com):
thathtml.blog/2025/12/nuances-of-typin...
#javascript #jsdoc #typescript #dx
2
0
0
0
That HTML blog. The nuances of JavaScript typing using JSDoc.
JSDoc как идеальный инструмент типизации для JS. Джаред Уайт считает, что связка JSDoc + TypeScript tsc заменяет полноценный TypeScript: типизация, документация и простота без сборки. #js #jsdoc
thathtml.blog/2025/12/nuan...
0
0
0
0
That HTML blog. The nuances of JavaScript typing using JSDoc.
Jared White advocates for using JavaScript with JSDoc and TypeScript’s tsc for typing instead of full TypeScript. The combo provides type safety, clarity, and simplicity. He calls it the best of both worlds. #javascript #jsdoc
thathtml.blog/2025/12/nuan...
13
3
1
1
How JSDoc Saved My Dev Workflow, by (not on Mastodon or Bluesky):
spin.atomicobject.com/how-jsdoc-saved-my-dev-w...
#jsdoc #javascript #typescript #documentation
2
0
0
0
(My favorite non vibe frontend coding style is actually JavaScript with #JSDoc comments www.typescriptlang.org/docs/handboo...)
0
0
0
0
it's one of those grim ironies in life that #JSDoc, the standard library/format for writing #javascript / #typescript documentation, has some of the worst documentation i've ever had the misfortune of trying to read.
2
1
0
0
I was just surfing through the code and I have to say, I'm really impressed with how you're using #JSDoc instead of #TypeScript. It's one of the first times I've seen it used this effectively. 👏
3
0
1
0
// example use let panel = $(document.querySelector('.panel')); // HTMLElement panel.style.display = 'none'; let link = $(document.querySelector('a.more'), HTMLLinkElement); // HTMLLinkElement link.href = 'about:blank'; let login = $id('login'); // HTMLElement login.remove(); let loginField = $id('login_field', HTMLInputElement); // HTMLInputElement loginField.value = ''; let p = $tag('p.details', { text: 'Info' }); // HTMLElement p.innerText = 'About'; let img = $tag('img.icon', { src: accountAPI.user.avatar }, HTMLImageElement); // HTMLImageElement img.loading = 'lazy';
![function $tag(tag, params, type) {
let element;
let parts = tag.split('.');
if (parts.length > 1) {
let tagName = parts[0];
element = document.createElement(tagName);
element.className = parts.slice(1).join(' ');
} else {
element = document.createElement(tag);
}
if (typeof params === 'string') {
element.className = element.className + ' ' + params;
} else if (params) {
for (let key in params) {
if (key == 'text') {
element.innerText = params[key];
} else if (key == 'html') {
element.innerHTML = params[key];
} else {
element[key] = params[key];
}
}
}
return /** @type {T} */ (element);
}
/**
* @template {HTMLElement} T
* @param {string} name
* @param {new (...args: any[]) => T} [type]
* @returns {T} */
function $id(name, type) {
return /** @type {T} */ (document.getElementById(name));
}
/**
* @template {HTMLElement} T
* @param {Node | EventTarget | null} element
* @param {new (...args: any[]) => T} [type]
* @returns {T} */
function $(element, type) {
return /** @type {T} */ (element);
}](https://cdn.bsky.app/img/feed_thumbnail/plain/did:plc:oio4hkxaop4ao4wz2pp3f4cr/bafkreidovwpiw657p2c7qsdmzlnssclsb3uxdhvnb6apbk4jrqthxoenm4)
function $tag(tag, params, type) { let element; let parts = tag.split('.'); if (parts.length > 1) { let tagName = parts[0]; element = document.createElement(tagName); element.className = parts.slice(1).join(' '); } else { element = document.createElement(tag); } if (typeof params === 'string') { element.className = element.className + ' ' + params; } else if (params) { for (let key in params) { if (key == 'text') { element.innerText = params[key]; } else if (key == 'html') { element.innerHTML = params[key]; } else { element[key] = params[key]; } } } return /** @type {T} */ (element); } /** * @template {HTMLElement} T * @param {string} name * @param {new (...args: any[]) => T} [type] * @returns {T} */ function $id(name, type) { return /** @type {T} */ (document.getElementById(name)); } /** * @template {HTMLElement} T * @param {Node | EventTarget | null} element * @param {new (...args: any[]) => T} [type] * @returns {T} */ function $(element, type) { return /** @type {T} */ (element); }
![function $tag(tag: string): HTMLElement;
function $tag<T extends HTMLElement>(tag: string, type: new (...args: any[]) => T): T;
function $tag(tag: string, params: string | object): HTMLElement;
function $tag<T extends HTMLElement>(tag: string, params: string | object, type: new (...args: any[]) => T): T;](https://cdn.bsky.app/img/feed_thumbnail/plain/did:plc:oio4hkxaop4ao4wz2pp3f4cr/bafkreifjniqdsxwrnsuytd77tzehxmfrm26hoi52zlb7f27zsmkaei7kry)
function $tag(tag: string): HTMLElement; function $tag<T extends HTMLElement>(tag: string, type: new (...args: any[]) => T): T; function $tag(tag: string, params: string | object): HTMLElement; function $tag<T extends HTMLElement>(tag: string, params: string | object, type: new (...args: any[]) => T): T;
JS-TS monster v2.0 👾
#javascript #typescript #jsdoc
3
0
0
1
🚀 Enhance your legacy JavaScript codebase with JSDoc!
Struggling with an old JS codebase? Gradual type annotations can:
✔️ Improve code clarity
🔗 Check out this insightful blog post: www.sijosam.in/blog/jsdoc-i...
#JavaScript #JSDoc #LegacyCode #CodeQuality #WebDevelopment 🌟
2
0
0
0
"Javascript great again! - The Voice of Void" by Peter Vivo
#game-challenge #ai #javascript #jsdoc #pure-web
1
0
0
0
He actualitzat la llibreria de #testing des del #browser amb algunes millores.
✨ Hooks beforeAll i afterAll
✨ Suport per spyOn
✨ #jsdoc
No sé com carregar també el tipat des del CDN, ni tant sols si és factible. Si algú pot aportar llum a la foscor 🙏. De moment copy/paste del .d.ts
0
0
0
0
1
0
0
0
My thoughts while fighting with JSR slow-types: "It's so unfriendly to JS files that it should be called TSR." #JavaScript #TypeScript #JSR #Deno #JSDoc
1
0
1
0
Fitxer .jsconfig per aportar type safety a JavaScript amb JSDoc
En temps de guerra, qualsevol forat és trinxera. Si per qualsevol motiu no podem utilitzar #TypeScript sempre ens quedarà #JSDoc.
2
0
0
0
Ando pasando un pequeño proyecto de #typescript a #javascript con ayuda de #jsdoc para el chequeo del tipado (amo el tipado!, el tipado es vida! 🤪🤪🤪), no se ve tan bonito como el original pero es hermoso que con #js vanilla se pueda crear algo así :3
#dev #programacion #vscode
3
0
0
0
Per raons tècniques, el plugin per a #WooCommerce de l'empresa no té etapa de bundling, així que l'estic fent amb #JavaScript pelat i petite-vue. Missing #TypeScript so much. Avui l'hi he estat afegint #JSDoc i, salvant les distàncies, estic in love 😍
0
0
1
0
Any #JavaScript devs out there that:
1) use #JSDoc
2) Use Neovim
3) Have JSDoc autodocs or snippits in Neovim?
Done a couple of searches to see if I can find anything but it doesn't seem to exist in the way I think it can be done. I know VS Code has Document This
0
0
1
0
I might not be well versed in #typeScript, but I really like this article that goes into using #JSDoc as a great alternative to keeping #javascript but defining types. It provides a lot of easy to understand example and context.
dev.to/what1s1ove/t...
2
0
0
0
Next "Javascript Masterclass" is on for 30 September, still some availability. Contact #Devoteam in #Luxembourg for more information: http://tinyurl.com/y4uf6nxb #Javascript #ECMAScript #jquery #jsdoc
0
0
0
0
La prochaine "Masterclass Javascript" est prévue pour le 30 septembre, toujours disponible. Contactez #Devoteam à #Luxembourg pour plus d'informations : http://tinyurl.com/y4uf6nxb #Javascript #ECMAScript #jquery #jsdoc
0
0
0
0
Next "Javascript Masterclass" is on for 30 September, still some availability. Contact #Devoteam in #Luxembourg for more information: http://tinyurl.com/y4uf6nxb #Javascript #ECMAScript #jquery #jsdoc
0
0
0
0
Next "Javascript Masterclass" is on for 30 September, still some availability. Contact #Devoteam in #Luxembourg for more information: http://tinyurl.com/y4uf6nxb #Javascript #ECMAScript #jquery #jsdoc
0
0
0
0
Next "Javascript Masterclass" is on for 30 September, still some availability. Contact #Devoteam in #Luxembourg for more information: http://tinyurl.com/y4uf6nxb #Javascript #ECMAScript #jquery #jsdoc
0
0
0
0
Next "Javascript Masterclass" is on for 30 September, still some availability. Contact #Devoteam for more information http://tinyurl.com/y4uf6nxb #Javascript #ECMAScript #jquery #jsdoc
0
0
0
0
Generate docs and host it with JSDoc and GitHub Pages http://klou.tt/1bspmtnzh89ij #gitbub #jsdoc
0
0
0
0