Wes Bos & Scott Tolinski - Full Stack JavaScript Web Developers

Zpravodajství

Technologické zprávy

Technika

The New Import Map Standard

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 Hasty Treat, Scott and Wes talk about the fact that import maps are in Safari Technical preview, and what that means for web developers. <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:26">00:26</a> Welcome</li> <li class="has-line-data" data-line-start="5" data-line-end="6"> <a href="#t=02:16">02:16</a> Import maps just dropped</li> <li class="has-line-data" data-line-start="6" data-line-end="7"> <a href="#t=04:09">04:09</a> Which browsers support it?</li> <li class="has-line-data" data-line-start="7" data-line-end="8"> <a href="#t=06:01">06:01</a> What is a map?</li> <li class="has-line-data" data-line-start="8" data-line-end="9"> <a href="#t=06:40">06:40</a> How does the syntax work?</li> <li class="has-line-data" data-line-start="9" data-line-end="10"> <a href="#t=09:35">09:35</a> What about dependency resolution?</li> <li class="has-line-data" data-line-start="10" data-line-end="11"> <a href="#t=10:25">10:25</a> What about bundlers?</li> <li class="has-line-data" data-line-start="11" data-line-end="12"> <a href="#t=13:17">13:17</a> How does this work with Deno?</li> <li class="has-line-data" data-line-start="12" data-line-end="13"> <a href="https://deno.land/">Deno — A modern runtime for JavaScript and TypeScript</a></li> <li class="has-line-data" data-line-start="13" data-line-end="14"> <a href= "https://deno.land/manual@v1.31.0/basics/import_maps">Import Maps | Manual | Deno</a></li> <li class="has-line-data" data-line-start="14" data-line-end="15"> <a href= "https://github.com/wintercg/proposal-common-minimum-api/issues/5#issuecomment-1470026193"> whatwg/fs · Issue #5 · wintercg/proposal-common-minimum-api</a></li> <li class="has-line-data" data-line-start="15" data-line-end="16"> <a href="#t=20:12">20:12</a> What about with node?</li> <li class="has-line-data" data-line-start="16" data-line-end="17"> <a href= "https://github.com/microsoft/TypeScript/issues/43326">Support import maps and bare import specifiers · Issue #43326 · microsoft/TypeScript</a></li> <li class="has-line-data" data-line-start="17" data-line-end="18"> <a href= "https://nodejs.org/dist/latest-v17.x/docs/api/policy.html#example-import-maps-emulation"> Policies | Node.js v17.9.1 Documentation</a></li> <li class="has-line-data" data-line-start="18" data-line-end="19"> <a href="#t=21:22">21:22</a> What about Typescript?</li> <li class="has-line-data" data-line-start="19" data-line-end="21"> <a href="#t=22:43">22:43</a> Downsides to import maps</li> </ul> <h2 class="code-line" data-line-start="21" data-line-end="22"> <a id="Tweet_us_your_tasty_treats_21"></a>Tweet us your tasty treats</h2> <ul> <li class="has-line-data" data-line-start="23" data-line-end="24"> <a href="https://www.instagram.com/stolinski/">Scott’s Instagram</a></li> <li class="has-line-data" data-line-start="24" data-line-end="25"> <a href= "https://www.instagram.com/LevelUpTutorials/">LevelUpTutorials Instagram</a></li> <li class="has-line-data" data-line-start="25" data-line-end="26"> <a href="https://www.instagram.com/wesbos/">Wes’ Instagram</a></li> <li class="has-line-data" data-line-start="26" data-line-end="27"> <a href="https://twitter.com/wesbos">Wes’ Twitter</a></li> <li class="has-line-data" data-line-start="27" data-line-end="28"> <a href="https://www.facebook.com/wesbos.developer">Wes’ Facebook</a></li> <li class="has-line-data" data-line-start="28" data-line-end="29"> <a href="https://twitter.com/stolinski">Scott’s Twitter</a></li> <li class="has-line-data" data-line-start="29" data-line-end="30"> Make sure to include <a href= "https://twitter.com/SyntaxFM">@SyntaxFM</a> in your tweets</li> </ul>

In this Hasty Treat, Scott and Wes talk about the fact that import maps are in Safari Technical preview, and what that means for web developers.
 Show Notes  00:26 Welcome
 02:16 Import maps just dropped
 04:09 Which browsers support it?
 06:01 What is a map?
 06:40 How does the syntax work?
 09:35 What about dependency resolution?
 10:25 What about bundlers?
 13:17 How does this work with Deno?
 Deno — A modern runtime for JavaScript and TypeScript

 Import Maps | Manual | Deno

  whatwg/fs · Issue #5 · wintercg/proposal-common-minimum-api

 20:12 What about with node?
 Support import maps and bare import specifiers · Issue #43326 · microsoft/TypeScript

  Policies | Node.js v17.9.1 Documentation

 21:22 What about Typescript?
 22:43 Downsides to import maps
  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

Aplikace Youradio Talk

The New Import Map Standard

Poslechněte si podcast