Wes Bos & Scott Tolinski - Full Stack JavaScript Web Developers

Zpravodajství

Technologické zprávy

Technika

688: Ex-npm Employee Making a New Package Manager?! Vlt with Darcy Clarke

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 supper club episode of Syntax, Wes and Scott talk with Darcy Clarke about his career path in tech, working with Wes back in the day, why he decided to build vlt volt, and the biggest sick pick list yet! <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:32">00:32</a> Welcome</li> <li class="has-line-data" data-line-start="5" data-line-end="6"> <a href="#t=01:38">01:38</a> Building a tweet wall back in the day</li> <li class="has-line-data" data-line-start="6" data-line-end="7"> <a href="#t=08:54">08:54</a> How did you land at npm?</li> <li class="has-line-data" data-line-start="7" data-line-end="8"> <a href="https://www.npmjs.com/">npm</a></li> <li class="has-line-data" data-line-start="8" data-line-end="9"> <a href="#t=19:40">19:40</a> Why do we need another package manager and registry?</li> <li class="has-line-data" data-line-start="9" data-line-end="10"> <a href="#t=22:11">22:11</a> What is vlt volt?</li> <li class="has-line-data" data-line-start="10" data-line-end="11"> <a href="https://www.vlt.sh/">vlt: a new home for open source</a></li> <li class="has-line-data" data-line-start="11" data-line-end="12"> <a href="https://twitter.com/vltpkg">vlt /vōlt/ (@vltpkg) / X</a></li> <li class="has-line-data" data-line-start="12" data-line-end="13"> <a href= "https://syntax.fm/show/661/supper-club-shipping-esm-with-mark-erikson"> Shipping ESM with Mark Erikson</a></li> <li class="has-line-data" data-line-start="13" data-line-end="14"> <a href="https://bun.sh/">Bun</a></li> <li class="has-line-data" data-line-start="14" data-line-end="15"> <a href="https://yarnpkg.com/">Yarn</a></li> <li class="has-line-data" data-line-start="15" data-line-end="16"> <a href="https://nx.dev/">Nx</a></li> <li class="has-line-data" data-line-start="16" data-line-end="17"> <a href="#t=27:18">27:18</a> Do you see a future where we don’t pre-compile before shipping?</li> <li class="has-line-data" data-line-start="17" data-line-end="18"> <a href="#t=29:32">29:32</a> Why would pnpm be faster than npm?</li> <li class="has-line-data" data-line-start="18" data-line-end="19"> <a href="#t=31:14">31:14</a> What are the problems with symlinking?</li> <li class="has-line-data" data-line-start="19" data-line-end="20"> <a href="#t=33:08">33:08</a> What’s happening with Yarn?</li> <li class="has-line-data" data-line-start="20" data-line-end="21"> <a href="https://verdaccio.org/">Verdaccio</a></li> <li class="has-line-data" data-line-start="21" data-line-end="22"> <a href="https://cloudsmith.com/">Cloudsmith</a></li> <li class="has-line-data" data-line-start="22" data-line-end="23"> <a href="https://jfrog.com/">jfrong</a></li> <li class="has-line-data" data-line-start="23" data-line-end="24"> <a href= "https://www.sonatype.com/products/sonatype-nexus-repository">Sonatype</a></li> <li class="has-line-data" data-line-start="24" data-line-end="25"> <a href="https://socket.dev/">socket.dev</a></li> <li class="has-line-data" data-line-start="25" data-line-end="26"> <a href="https://snyk.io/">Snyk.io</a></li> <li class="has-line-data" data-line-start="26" data-line-end="27"> <a href= "https://medium.com/@alex.birsan/dependency-confusion-4a5d60fec610"> Dependency Confusion</a></li> <li class="has-line-data" data-line-start="27" data-line-end="28"> <a href="#t=37:42">37:42</a> What do you think about config files?</li> <li class="has-line-data" data-line-start="28" data-line-end="29"> <a href="https://github.com/antfu/vscode-file-nesting-config">antfu Config of File Nesting for VS Code</a></li> <li class="has-line-data" data-line-start="29" data-line-end="30"> <a href= "https://blog.vlt.sh/blog/the-massive-hole-in-the-npm-ecosystem">The massive bug at the heart of the npm ecosystem</a></li> <li class="has-line-data" data-line-start="30" data-line-end="31"> <a href="https://webtorrent.io/">WebTorrent</a></li> <li class="has-line-data" data-line-start="31" data-line-end="32"> <a href="#t=41:02">41:02</a> VS Code tip - file nesting patterns</li> <li class="has-line-data" data-line-start="32" data-line-end="33"> <a href="#t=41:59">41:59</a> How does on-prem registry work?</li> <li class="has-line-data" data-line-start="33" data-line-end="34"> <a href="#t=47:29">47:29</a> Where does Socket.dev and Snyk security fit?</li> <li class="has-line-data" data-line-start="34" data-line-end="35"> <a href="#t=52:46">52:46</a> Sick Picks</li> <li class="has-line-data" data-line-start="35" data-line-end="36"> <a href="#t=04:41">04:41</a> How did you get <a href="http://vlt.sh">vlt.sh</a>?</li> <li class="has-line-data" data-line-start="36" data-line-end="38"> <a href="#t=05:30">05:30</a> How did you get @Darcy?</li> </ul> <h3 class="code-line" data-line-start="38" data-line-end="39"> <a id="Sick_Picks_38"></a>Sick Picks</h3> <ul> <li class="has-line-data" data-line-start="40" data-line-end="41"> <a href= "https://doodledoods.com/flat-coat-goldendoodle-unfurnished/">Flat Coat Goldendoodle</a></li> <li class="has-line-data" data-line-start="41" data-line-end="42"> <a href="https://www.scientificamerican.com/">Scientific American</a></li> <li class="has-line-data" data-line-start="42" data-line-end="43"> <a href="https://www.nespresso.com/us/en/">Nespresso</a></li> <li class="has-line-data" data-line-start="43" data-line-end="44"> <a href="https://www.imdb.com/title/tt21867434/">BlackBerry (2023) - IMDb</a></li> <li class="has-line-data" data-line-start="44" data-line-end="45"> <a href="https://letterboxd.com/film/blackberry-2023/">BlackBerry (2023) Letterboxd</a></li> <li class="has-line-data" data-line-start="45" data-line-end="46"> <a href= "https://www.youtube.com/@Matthiaswandel/search?query=movie">Matthias Wandel</a></li> <li class="has-line-data" data-line-start="46" data-line-end="47"> <a href="https://www.blink182.com/">Blink-182 Official Site</a></li> <li class="has-line-data" data-line-start="47" data-line-end="48"> <a href="https://en.wikipedia.org/wiki/Moneen">Moneen</a></li> <li class="has-line-data" data-line-start="48" data-line-end="50"> <a href="https://www.bmthofficial.com/">Bring Me The Horizon</a></li> </ul> <h3 class="code-line" data-line-start="50" data-line-end="51"> <a id="Shameless_Plugs_50"></a>Shameless Plugs</h3> <ul> <li class="has-line-data" data-line-start="52" data-line-end="54"> <a href="https://www.vlt.sh/">vlt: a new home for open source</a></li> </ul> <h3 class="code-line" data-line-start="54" data-line-end="55"> <a id="Hit_us_up_on_Socials_54"></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>

In this supper club episode of Syntax, Wes and Scott talk with Darcy Clarke about his career path in tech, working with Wes back in the day, why he decided to build vlt volt, and the biggest sick pick list yet!
 Show Notes  00:32 Welcome
 01:38 Building a tweet wall back in the day
 08:54 How did you land at npm?
 npm

 19:40 Why do we need another package manager and registry?
 22:11 What is vlt volt?
 vlt: a new home for open source

 vlt /vōlt/ (@vltpkg) / X

  Shipping ESM with Mark Erikson

 Bun

 Yarn

 Nx

 27:18 Do you see a future where we don’t pre-compile before shipping?
 29:32 Why would pnpm be faster than npm?
 31:14 What are the problems with symlinking?
 33:08 What’s happening with Yarn?
 Verdaccio

 Cloudsmith

 jfrong

 Sonatype

 socket.dev

 Snyk.io

  Dependency Confusion

 37:42 What do you think about config files?
 antfu Config of File Nesting for VS Code

 The massive bug at the heart of the npm ecosystem

 WebTorrent

 41:02 VS Code tip - file nesting patterns
 41:59 How does on-prem registry work?
 47:29 Where does Socket.dev and Snyk security fit?
 52:46 Sick Picks
 04:41 How did you get vlt.sh?
 05:30 How did you get @Darcy?
  Sick Picks  Flat Coat Goldendoodle

 Scientific American

 Nespresso

 BlackBerry (2023) - IMDb

 BlackBerry (2023) Letterboxd

 Matthias Wandel

 Blink-182 Official Site

 Moneen

 Bring Me The Horizon

  Shameless Plugs  vlt: a new home for open source

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

Aplikace Youradio Talk

688: Ex-npm Employee Making a New Package Manager?! Vlt with Darcy Clarke

Poslechněte si podcast