Wes Bos & Scott Tolinski - Full Stack JavaScript Web Developers

Zpravodajství

Technologické zprávy

Technika

Is JSDoc Better than TypeScript?

Syntax - Tasty Web Development Treats

Full Stack Developers Wes Bos and Scott Tolinski dive deep into web development topics, explaining how they work and talking about their own experiences. They cover from JavaScript frameworks like React, to the latest advancements in CSS to simplifying web tooling.

In this episode of Syntax, Wes and Scott use the fact that Svelte is being converted from TypeScript to JavaScript with JSDoc to talk about the benefits of working that way, why they are doing it, and what you can do with JSDoc that TypeScript alone doesn’t let you do. <h2 class="code-line" data-line-start="2" data-line-end="3"><a id= "Show_Notes_2"></a>Show Notes</h2> <ul> <li class="has-line-data" data-line-start="4" data-line-end="5"> <a href="#t=00:10">00:10</a> Welcome </li> <li class="has-line-data" data-line-start="5" data-line-end="6"> <a href="#t=01:12">01:12</a> Roof update </li> <li class="has-line-data" data-line-start="6" data-line-end="7"> <a href="#t=02:15">02:15</a> TypeScript haters need not apply </li> <li class="has-line-data" data-line-start="7" data-line-end="8"> <a href="#t=03:17">03:17</a> What is JSDoc? </li> <li class="has-line-data" data-line-start="8" data-line-end="9"> <a href="#t=04:27">04:27</a> What is our history with JSDoc? </li> <li class="has-line-data" data-line-start="9" data-line-end="10"> <a href="#t=06:37">06:37</a> Why is Svelte moving to JSDoc? </li> <li class="has-line-data" data-line-start="10" data-line-end="11"> <a href="#t=08:11">08:11</a> Why is JSDoc better than TypeScript? </li> <li class="has-line-data" data-line-start="11" data-line-end="12"> <a href="#t=12:31">12:31</a> You can type things you can’t in TypeScript </li> <li class="has-line-data" data-line-start="12" data-line-end="13"> <a href="#t=16:37">16:37</a> Param, Function and returns Descriptions </li> <li class="has-line-data" data-line-start="13" data-line-end="14"> <a href="#t=21:32">21:32</a> Spoiler - it’s still TypeScript </li> <li class="has-line-data" data-line-start="14" data-line-end="16"> <a href="#t=33:23">33:23</a> SIIIIICK ××× PIIIICKS ××× </li> <li class="has-line-data" data-line-start="16" data-line-end="17"> <a href="https://austingil.com/typescript-the-easy-way/">Get Started With TypeScript the Easy Way</a> </li> <li class="has-line-data" data-line-start="17" data-line-end="18"> <a href= "https://fettblog.eu/typescript-jsdoc-superpowers/">TypeScript without TypeScript – JSDoc superpowers</a> </li> <li class="has-line-data" data-line-start="18" data-line-end="19"> <a href= "https://www.typescriptlang.org/docs/handbook/jsdoc-supported-types.html"> TypeScript: Documentation - JSDoc Reference</a> </li> <li class="has-line-data" data-line-start="19" data-line-end="20"> <a href="https://www.youtube.com/watch?v=MJHO6FSioPI&t=95s">Dev Vlog: April 2023 - TypeScript vs JSDoc, Transitions API, Dominic Gannaway joins Svelte team</a> </li> <li class="has-line-data" data-line-start="20" data-line-end="21"> <a href= "https://twitter.com/puruvjdev/status/1655813548495486977">Svelte repo is finally being converted from Typescript to Javascript with JSDoc</a> </li> <li class="has-line-data" data-line-start="21" data-line-end="22"> <a href="https://twitter.com/wesbos/status/1339217248729305090">If you are on a JS project and are missing the TypeScript hinting in your editor, you can still type your code with JSDoc syntax comments and VS Code will detect and use it!</a> </li> <li class="has-line-data" data-line-start="22" data-line-end="23"> <a href= "https://twitter.com/wesbos/status/1646601873523200021">Sprinkle in a little JSDoc on top of your TypeScript when needed - helpful to adding descriptions to returned values, or marking things as deprecated</a> </li> <li class="has-line-data" data-line-start="23" data-line-end="25"> <a href="https://www.npmjs.com/package/ts-to-jsdoc">TypeScript to JSDoc</a> </li> </ul> <h2 class="code-line" data-line-start="25" data-line-end="26"> <a id="_SIIIIICK__PIIIICKS__25"></a>××× SIIIIICK ××× PIIIICKS ×××</h2> <ul> <li class="has-line-data" data-line-start="27" data-line-end="28"> Scott: <a href="https://www.netflix.com/ca/title/81439780">Watch MerPeople | Netflix Official Site</a></li> <li class="has-line-data" data-line-start="28" data-line-end="30"> Wes: <a href= "https://www.ryobitools.ca/products/details/18v-one-plus-45w-hybrid-soldering-station/"> 18V ONE+ 45W HYBRID SOLDERING STATION (TOOL ONLY) | RYOBI Tools</a></li> </ul> <h2 class="code-line" data-line-start="30" data-line-end="31"> <a id="Shameless_Plugs_30"></a>Shameless Plugs</h2> <ul> <li class="has-line-data" data-line-start="32" data-line-end="33"> Scott: <a href="https://sentry.io">Sentry</a></li> <li class="has-line-data" data-line-start="33" data-line-end="35"> Wes: <a href="https://wesbos.com/courses">Wes Bos Tutorials</a></li> </ul> <h2 class="code-line" data-line-start="35" data-line-end="36"> <a id="Tweet_us_your_tasty_treats_35"></a>Tweet us your tasty treats</h2> <ul> <li class="has-line-data" data-line-start="37" data-line-end="38"> <a href="https://www.instagram.com/stolinski/">Scott’s Instagram</a></li> <li class="has-line-data" data-line-start="38" data-line-end="39"> <a href= "https://www.instagram.com/LevelUpTutorials/">LevelUpTutorials Instagram</a></li> <li class="has-line-data" data-line-start="39" data-line-end="40"> <a href="https://www.instagram.com/wesbos/">Wes’ Instagram</a></li> <li class="has-line-data" data-line-start="40" data-line-end="41"> <a href="https://twitter.com/wesbos">Wes’ Twitter</a></li> <li class="has-line-data" data-line-start="41" data-line-end="42"> <a href="https://www.facebook.com/wesbos.developer">Wes’ Facebook</a></li> <li class="has-line-data" data-line-start="42" data-line-end="43"> <a href="https://twitter.com/stolinski">Scott’s Twitter</a></li> <li class="has-line-data" data-line-start="43" data-line-end="44"> Make sure to include <a href= "https://twitter.com/SyntaxFM">@SyntaxFM</a> in your tweets</li> <li class="has-line-data" data-line-start="44" data-line-end="45"> <a href="https://bsky.app/profile/syntax.fm/wesbos.com">Wes Bos on Bluesky</a></li> <li class="has-line-data" data-line-start="45" data-line-end="46"> <a href="https://bsky.app/profile/tolin.ski">Scott on Bluesky</a></li> <li class="has-line-data" data-line-start="46" data-line-end="47"> <a href="https://bsky.app/profile/syntax.fm">Syntax on Bluesky</a></li> </ul>

In this episode of Syntax, Wes and Scott use the fact that Svelte is being converted from TypeScript to JavaScript with JSDoc to talk about the benefits of working that way, why they are doing it, and what you can do with JSDoc that TypeScript alone doesn’t let you do.
 Show Notes  00:10 Welcome

  01:12 Roof update

  02:15 TypeScript haters need not apply

  03:17 What is JSDoc?

  04:27 What is our history with JSDoc?

  06:37 Why is Svelte moving to JSDoc?

  08:11 Why is JSDoc better than TypeScript?

  12:31 You can type things you can’t in TypeScript

  16:37 Param, Function and returns Descriptions

  21:32 Spoiler - it’s still TypeScript

  33:23 SIIIIICK ××× PIIIICKS ×××

  Get Started With TypeScript the Easy Way

  TypeScript without TypeScript – JSDoc superpowers

  TypeScript: Documentation - JSDoc Reference

  Dev Vlog: April 2023 - TypeScript vs JSDoc, Transitions API, Dominic Gannaway joins Svelte team

  Svelte repo is finally being converted from Typescript to Javascript with JSDoc

  If you are on a JS project and are missing the TypeScript hinting in your editor, you can still type your code with JSDoc syntax comments and VS Code will detect and use it!

  Sprinkle in a little JSDoc on top of your TypeScript when needed - helpful to adding descriptions to returned values, or marking things as deprecated

  TypeScript to JSDoc

  ××× SIIIIICK ××× PIIIICKS ×××  Scott: Watch MerPeople | Netflix Official Site

 Wes: 18V ONE+ 45W HYBRID SOLDERING STATION (TOOL ONLY) | RYOBI Tools

  Shameless Plugs  Scott: Sentry

 Wes: Wes Bos Tutorials

  Tweet us your tasty treats  Scott’s Instagram

 LevelUpTutorials Instagram

 Wes’ Instagram

 Wes’ Twitter

 Wes’ Facebook

 Scott’s Twitter

 Make sure to include @SyntaxFM in your tweets
 Wes Bos on Bluesky

 Scott on Bluesky

 Syntax on Bluesky

Aplikace Youradio Talk

Is JSDoc Better than TypeScript?

Poslechněte si podcast