<p class="has-line-data" data-line-start="0" data-line-end="1">In this supper club episode of Syntax, Wes and Scott talk with Mark Erikson about his work in helping others understand shipping ESM, how to deal with permutations, whether default imports are helpful, whether TypeScript has made it easier, and what Mark’s tool stack is for building.</p> <a id= "Show_Notes_2"></a>Show Notes <ul> <li class="has-line-data" data-line-start="4" data-line-end="5"> <a href="#t=00:36">00:36</a> Welcome</li> <li class="has-line-data" data-line-start="5" data-line-end="6"> <a href="#t=01:45">01:45</a> Introducing Shipping ESM with Mark Erikson</li> <li class="has-line-data" data-line-start="6" data-line-end="7"> <a href="https://twitter.com/acemarke">Mark Erikson (@acemarke)</a></li> <li class="has-line-data" data-line-start="7" data-line-end="8"> <a href="https://twitter.com/wesbos/status/1610385221324619780">Wes Bos on Twitter: “publishing packages that work in esm and cjs is such a nightmare. I’ve run into so many issues today and took forever to get the proper package.json exports. I can’t wait until we’re 100% esm. I think I have every single combo covered.”</a></li> <li class="has-line-data" data-line-start="8" data-line-end="9"> <a href="https://blog.isquaredsoftware.com/">Mark’s Dev Blog</a></li> <li class="has-line-data" data-line-start="9" data-line-end="10"> <a href= "https://blog.isquaredsoftware.com/2023/08/esm-modernization-lessons/"> Blogged Answers: My Experience Modernizing Packages to ESM</a></li> <li class="has-line-data" data-line-start="10" data-line-end="11"> <a href= "https://blog.isquaredsoftware.com/2020/08/greatest-hits/">Greatest Hits: The Most Popular and Most Useful Posts I’ve Written</a></li> <li class="has-line-data" data-line-start="11" data-line-end="12"> <a href= "https://github.com/arethetypeswrong/arethetypeswrong.github.io">arethetypeswrong.github.io: Tool for analyzing TypeScript types of npm packages</a></li> <li class="has-line-data" data-line-start="12" data-line-end="13"> <a href="https://publint.dev/">publint</a></li> <li class="has-line-data" data-line-start="13" data-line-end="14"> <a href="#t=07:01">07:01</a> How did we get to this space in modules?</li> <li class="has-line-data" data-line-start="14" data-line-end="15"> <a href="#t=16:30">16:30</a> How do you deal with permutations?</li> <li class="has-line-data" data-line-start="15" data-line-end="16"> <a href="#t=22:13">22:13</a> Do bundlers get in the way or helping?</li> <li class="has-line-data" data-line-start="16" data-line-end="17"> <a href="#t=26:16">26:16</a> Are default imports useful?</li> <li class="has-line-data" data-line-start="17" data-line-end="18"> <a href="#t=30:35">30:35</a> Are the types wrong errors</li> <li class="has-line-data" data-line-start="18" data-line-end="19"> <a href="#t=33:41">33:41</a> Has TypeScript made this easier?</li> <li class="has-line-data" data-line-start="19" data-line-end="20"> <a href="#t=37:56">37:56</a> What’s your tool stack for building?</li> <li class="has-line-data" data-line-start="20" data-line-end="21"> <a href="#t=39:32">39:32</a> How do you test?</li> <li class="has-line-data" data-line-start="21" data-line-end="22"> <a href="#t=41:35">41:35</a> Will we ever stop bundling?</li> <li class="has-line-data" data-line-start="22" data-line-end="23"> <a href="#t=48:03">48:03</a> What about source maps?</li> <li class="has-line-data" data-line-start="23" data-line-end="24"> <a href="#t=52:32">52:32</a> Supper Club Questions</li> <li class="has-line-data" data-line-start="24" data-line-end="25"> <a href="https://learn.microsoft.com/en-us/windows/wsl/about">What is Windows Subsystem for Linux</a></li> <li class="has-line-data" data-line-start="25" data-line-end="26"> <a href= "https://marketplace.visualstudio.com/items?itemName=graf009.Eagle-Oceanic-Next"> Eagle Oceanic Next</a></li> <li class="has-line-data" data-line-start="26" data-line-end="27"> <a href="https://eng.m.fontke.com/font/24637914/">DroidSansMono NF Font</a></li> <li class="has-line-data" data-line-start="27" data-line-end="28"> <a href="#t=55:18">55:18</a> React Types has more downloads than React?</li> <li class="has-line-data" data-line-start="28" data-line-end="30"> <a href="#t=59:42">59:42</a> SIIIIICK ××× PIIIICKS ×××</li> </ul>  <a id="_SIIIIICK__PIIIICKS__30"></a>××× SIIIIICK ××× PIIIICKS ××× <ul> <li class="has-line-data" data-line-start="32" data-line-end="34"> <a href="https://www.youtube.com/watch?v=zF7mSTVwVs0">Shirley Wu—Taking up space (Keynote, Outlier 2023)</a></li> </ul>  <a id="Shameless_Plugs_34"></a>Shameless Plugs <ul> <li class="has-line-data" data-line-start="36" data-line-end="37"> <a href="https://twitter.com/replayio">Replay (@replayio)</a></li> <li class="has-line-data" data-line-start="37" data-line-end="39"> <a href="https://www.replay.io/">Replay - The time-travel debugger from the future.</a></li> </ul>  <a id="Tweet_us_your_tasty_treats_39"></a>Tweet us your tasty treats <ul> <li class="has-line-data" data-line-start="41" data-line-end="42"> <a href="https://www.instagram.com/stolinski/">Scott’s Instagram</a></li> <li class="has-line-data" data-line-start="42" data-line-end="43"> <a href= "https://www.instagram.com/LevelUpTutorials/">LevelUpTutorials Instagram</a></li> <li class="has-line-data" data-line-start="43" data-line-end="44"> <a href="https://www.instagram.com/wesbos/">Wes’ Instagram</a></li> <li class="has-line-data" data-line-start="44" data-line-end="45"> <a href="https://twitter.com/wesbos">Wes’ Twitter</a></li> <li class="has-line-data" data-line-start="45" data-line-end="46"> <a href="https://www.facebook.com/wesbos.developer">Wes’ Facebook</a></li> <li class="has-line-data" data-line-start="46" data-line-end="47"> <a href="https://twitter.com/stolinski">Scott’s Twitter</a></li> <li class="has-line-data" data-line-start="47" data-line-end="48"> Make sure to include <a href= "https://twitter.com/SyntaxFM">@SyntaxFM</a> in your tweets</li> <li class="has-line-data" data-line-start="48" data-line-end="49"> <a href="https://bsky.app/profile/wesbos.com">Wes Bos on Bluesky</a></li> <li class="has-line-data" data-line-start="49" data-line-end="50"> <a href="https://bsky.app/profile/tolin.ski">Scott on Bluesky</a></li> <li class="has-line-data" data-line-start="50" data-line-end="51"> <a href="https://bsky.app/profile/syntax.fm">Syntax on Bluesky</a></li> </ul>

Podurama

Home

Trending

Personal

Your Podcasts

New Episodes

My Files

Favourite Episodes

Tags (Folders)

Recently Played

Bookmarks

Followed Playlists

Supper Club × Shipping ESM with Mark Erikson

Syntax - Tasty Web Development Treats

AI Chapters

AI Insights

Reviews