Wes Bos & Scott Tolinski - Full Stack JavaScrip...

Zpravodajství

Technologické zprávy

Technika

737: JSR: The New TypeScript Package Registry (NPM Killer)

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.

Get ready to learn all about the JSR package registry with Wes, Scott, and special guest Luca Casonato of Deno, as they discuss its benefits, share insights on when to use it, and teasing some secret features that promise to enhance your coding journey. <h3 class="code-line" data-line-start="2" data-line-end="3"><a id= "Show_Notes_2"></a>Show Notes</h3> <ul> <li class="has-line-data" data-line-start="4" data-line-end="5"> <a href="#t=00:00">00:00</a> Welcome to Syntax!</li> <li class="has-line-data" data-line-start="5" data-line-end="6"> <a href="#t=00:37">00:37</a> Brought to you by <a href="www.sentry.io/syntax">sentry.io</a>.</li> <li class="has-line-data" data-line-start="6" data-line-end="7"> <a href="#t=00:51">00:51</a> Who is Luca Casonato?</li> <li class="has-line-data" data-line-start="7" data-line-end="8"> <a href="#t=01:18">01:18</a> Why do we need another package registry?</li> <li class="has-line-data" data-line-start="8" data-line-end="9"> <a href="https://twitter.com/wesbos/status/1755708374400811100">Wes Bos Tweet</a></li> <li class="has-line-data" data-line-start="9" data-line-end="10"> <a href="#t=04:35">04:35</a> Is it ESM only?</li> <li class="has-line-data" data-line-start="10" data-line-end="11"> <a href="#t=06:08">06:08</a> What exactly is JSR?</li> <li class="has-line-data" data-line-start="11" data-line-end="12"> <a href="#t=07:22">07:22</a> How do you install things from this registry?</li> <li class="has-line-data" data-line-start="12" data-line-end="13"> <a href="#t=09:38">09:38</a> NPM specifier in NodeJS?</li> <li class="has-line-data" data-line-start="13" data-line-end="14"> <a href="#t=12:18">12:18</a> Why can’t we just fix NPM?</li> <li class="has-line-data" data-line-start="14" data-line-end="15"> <a href="#t=14:28">14:28</a> When you make things easier, people make cooler stuff.</li> <li class="has-line-data" data-line-start="15" data-line-end="16"> <a href="#t=17:49">17:49</a> A little bit about auto-documentation.</li> <li class="has-line-data" data-line-start="16" data-line-end="17"> <a href="#t=21:18">21:18</a> Auto-Types.</li> <li class="has-line-data" data-line-start="17" data-line-end="18"> <a href="#t=22:33">22:33</a> Can’t you just put TypeScript files on an NPM?</li> <li class="has-line-data" data-line-start="18" data-line-end="19"> <a href="#t=24:04">24:04</a> Package Provenance.</li> <li class="has-line-data" data-line-start="19" data-line-end="20"> <a href= "https://github.blog/2023-04-19-introducing-npm-package-provenance/"> NPM Package Provenance</a></li> <li class="has-line-data" data-line-start="20" data-line-end="21"> <a href="#t=25:14">25:14</a> Does JSR have any plans for scanning dependencies?</li> <li class="has-line-data" data-line-start="21" data-line-end="22"> <a href="#t=27:56">27:56</a> GitHub action integration.</li> <li class="has-line-data" data-line-start="22" data-line-end="23"> <a href="#t=30:08">30:08</a> Does JSR replace url imports in Deno?</li> <li class="has-line-data" data-line-start="23" data-line-end="24"> <a href= "https://syntax.fm/show/596/the-new-import-map-standard">Import Maps, Ep.596</a></li> <li class="has-line-data" data-line-start="24" data-line-end="25"> <a href="#t=32:15">32:15</a> What about publishing JSX, TSX, CSS, WASM, etc?</li> <li class="has-line-data" data-line-start="25" data-line-end="26"> <a href="#t=34:16">34:16</a> What are Slow Types?</li> <li class="has-line-data" data-line-start="26" data-line-end="27"> <a href="#t=36:34">36:34</a> Do you think we’ll ever see another implementation of a TypeScript type checker?</li> <li class="has-line-data" data-line-start="27" data-line-end="28"> <a href="#t=38:23">38:23</a> Types as comments or adding types to JavaScript.</li> <li class="has-line-data" data-line-start="28" data-line-end="29"> <a href="#t=40:10">40:10</a> What is the anticipated timeline?</li> <li class="has-line-data" data-line-start="29" data-line-end="30"> <a href="#t=41:52">41:52</a> Are there any parts of TypeScript that you don’t like?</li> <li class="has-line-data" data-line-start="30" data-line-end="31"> <a href="#t=43:32">43:32</a> What about when TypeScript breaks?</li> <li class="has-line-data" data-line-start="31" data-line-end="32"> <a href="#t=46:20">46:20</a> JSR community funding.</li> <li class="has-line-data" data-line-start="32" data-line-end="33"> <a href="#t=49:39">49:39</a> Are you planning on pre-registering popular names?</li> <li class="has-line-data" data-line-start="33" data-line-end="34"> <a href="#t=52:26">52:26</a> Super secret new features!</li> <li class="has-line-data" data-line-start="34" data-line-end="36"> <a href="#t=56:39">56:39</a> Sick Picks + Shameless Plugs.</li> </ul> <h3 class="code-line" data-line-start="36" data-line-end="37"> <a id="Sick_Picks_36"></a>Sick Picks</h3> <ul> <li class="has-line-data" data-line-start="38" data-line-end="40"> Luca: <a href="https://hono.dev/">Hono</a></li> </ul> <h3 class="code-line" data-line-start="40" data-line-end="41"> <a id="Shameless_Plugs_40"></a>Shameless Plugs</h3> <ul> <li class="has-line-data" data-line-start="42" data-line-end="44"> Luca: <a href="https://jsr.io/waitlist">jsr.io</a></li> </ul> <h3 class="code-line" data-line-start="44" data-line-end="45"> <a id="Hit_us_up_on_Socials_44"></a>Hit us up on Socials!</h3> Syntax: <a href="https://twitter.com/syntaxfm">X</a> <a href= "https://www.instagram.com/syntax_fm/">Instagram</a> <a href= "https://www.tiktok.com/@syntaxfm">Tiktok</a> <a href= "https://www.linkedin.com/company/96077407/admin/feed/posts/">LinkedIn</a> <a href="https://www.threads.net/@syntax_fm">Threads</a> Wes: <a href="https://twitter.com/wesbos">X</a> <a href= "https://www.instagram.com/wesbos/">Instagram</a> <a href= "https://www.tiktok.com/@wesbos">Tiktok</a> <a href= "https://www.linkedin.com/in/wesbos/">LinkedIn</a> <a href= "https://www.threads.net/@wesbos">Threads</a> Scott:<a href="https://twitter.com/stolinski">X</a> <a href= "https://www.instagram.com/stolinski/">Instagram</a> <a href= "https://www.tiktok.com/@stolinski">Tiktok</a> <a href= "https://www.linkedin.com/in/stolinski/">LinkedIn</a> <a href= "https://www.threads.net/@stolinski">Threads</a> Randy: <a href="https://twitter.com/randyrektor">X</a> <a href= "https://www.instagram.com/randyrektor/">Instagram</a> <a href= "https://www.youtube.com/@randyrektor">YouTube</a> <a href= "https://www.threads.net/@randyrektor">Threads</a>

Get ready to learn all about the JSR package registry with Wes, Scott, and special guest Luca Casonato of Deno, as they discuss its benefits, share insights on when to use it, and teasing some secret features that promise to enhance your coding journey.
 Show Notes  00:00 Welcome to Syntax!
 00:37 Brought to you by sentry.io.
 00:51 Who is Luca Casonato?
 01:18 Why do we need another package registry?
 Wes Bos Tweet

 04:35 Is it ESM only?
 06:08 What exactly is JSR?
 07:22 How do you install things from this registry?
 09:38 NPM specifier in NodeJS?
 12:18 Why can’t we just fix NPM?
 14:28 When you make things easier, people make cooler stuff.
 17:49 A little bit about auto-documentation.
 21:18 Auto-Types.
 22:33 Can’t you just put TypeScript files on an NPM?
 24:04 Package Provenance.
  NPM Package Provenance

 25:14 Does JSR have any plans for scanning dependencies?
 27:56 GitHub action integration.
 30:08 Does JSR replace url imports in Deno?
 Import Maps, Ep.596

 32:15 What about publishing JSX, TSX, CSS, WASM, etc?
 34:16 What are Slow Types?
 36:34 Do you think we’ll ever see another implementation of a TypeScript type checker?
 38:23 Types as comments or adding types to JavaScript.
 40:10 What is the anticipated timeline?
 41:52 Are there any parts of TypeScript that you don’t like?
 43:32 What about when TypeScript breaks?
 46:20 JSR community funding.
 49:39 Are you planning on pre-registering popular names?
 52:26 Super secret new features!
 56:39 Sick Picks + Shameless Plugs.
  Sick Picks  Luca: Hono

  Shameless Plugs  Luca: jsr.io

  Hit us up on Socials! Syntax: X Instagram Tiktok LinkedIn Threads
 Wes: X Instagram Tiktok LinkedIn Threads
 Scott:X Instagram Tiktok LinkedIn Threads
 Randy: X Instagram YouTube Threads

Aplikace Youradio Talk

737: JSR: The New TypeScript Package Registry (NPM Killer)

Poslechněte si podcast