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>

Aplikace Youradio Talk

Pro přehrání dalších podcastů se prosím registrujte.

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

Poslechněte si podcast