Wes Bos & Scott Tolinski - Full Stack JavaScript Web Developers

Zpravodajství

Technologické zprávy

Technika

Monorepos! Workspaces, pnpm, turborepo + more!

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.

<p>In this episode of Syntax, Scott and Wes talk all about monorepos - the why's and the how's of using them on your projects.</p> <h2 id="kontent-by-kentico---sponsor" class="code-line" data-line= "9">Kontent by Kentico - Sponsor</h2> <p class="code-line" data-line="11">Kontent by Kentico is a headless CMS that provides live editing experience to non-technical users and hands you the technical tools to build websites, mobile apps, voice assistants, or anything else where you need content. Use REST API or GraphQL and get your content via the global Fastly CDN. Designed to unify all your content and operations, in compliance with ISO27001 and SOC2Type2 certifications.<a title= "kontent.ai/syntax" href= "https://file+.vscode-resource.vscode-webview.net/Users/ichris/Documents/GitHub/Syntax/shows/kontent.ai/syntax" data-href="kontent.ai/syntax">Spin up a new project today</a> and discover Kontent.</p> <h2 id="logrocket---sponsor" class="code-line" data-line="13"> LogRocket - Sponsor</h2> <p class="code-line" data-line="15">LogRocket lets you replay what users do on your site, helping you reproduce bugs and fix issues faster. It's an exception tracker, a session re-player and a performance monitor. Get 14 days free at <a title= "https://logrocket.com/syntax" href="https://logrocket.com/syntax" data-href= "https://logrocket.com/syntax">logrocket.com/syntax</a>.</p> <h2 id="freshbooks---sponsor" class="code-line" data-line="17"> Freshbooks - Sponsor</h2> <p class="code-line" data-line="19">Get a 30 day free trial of Freshbooks at <a title="https://freshbooks.com/syntax" href= "https://freshbooks.com/syntax" data-href= "https://freshbooks.com/syntax">freshbooks.com/syntax</a> and put SYNTAX in the "How did you hear about us?" section.</p> <h2 id="show-notes" class="code-line" data-line="21">Show Notes</h2> <ul class="code-line" data-line="23"> <li class="code-line" data-line="23"><strong><a title="#t=00:11" href= "https://file+.vscode-resource.vscode-webview.net/Users/ichris/Documents/GitHub/Syntax/shows/426%20-%20Monorepos.md#t=00:11" data-href="#t=00:11">00:11</a></strong> Welcome</li> <li class="code-line" data-line="24"><strong><a title="#t=01:46" href= "https://file+.vscode-resource.vscode-webview.net/Users/ichris/Documents/GitHub/Syntax/shows/426%20-%20Monorepos.md#t=01:46" data-href="#t=01:46">01:46</a></strong> Our experiences with monorepos</li> <li class="code-line" data-line="25"><strong><a title="#t=05:04" href= "https://file+.vscode-resource.vscode-webview.net/Users/ichris/Documents/GitHub/Syntax/shows/426%20-%20Monorepos.md#t=05:04" data-href="#t=05:04">05:04</a></strong> Why use monorepos?</li> <li class="code-line" data-line="26"><strong><a title="#t=09:37" href= "https://file+.vscode-resource.vscode-webview.net/Users/ichris/Documents/GitHub/Syntax/shows/426%20-%20Monorepos.md#t=09:37" data-href="#t=09:37">09:37</a></strong> How long have we been using monorepos?</li> <li class="code-line" data-line="27"><strong><a title="#t=10:16" href= "https://file+.vscode-resource.vscode-webview.net/Users/ichris/Documents/GitHub/Syntax/shows/426%20-%20Monorepos.md#t=10:16" data-href="#t=10:16">10:16</a></strong> Tools for starting a monorepo</li> <li class="code-line" data-line="28"><a title="https://pnpm.io" href="https://pnpm.io/" data-href="https://pnpm.io">pnpm</a></li> <li class="code-line" data-line="29"><a title= "https://docs.npmjs.com/cli/v6/commands/npm-link" href= "https://docs.npmjs.com/cli/v6/commands/npm-link" data-href= "https://docs.npmjs.com/cli/v6/commands/npm-link">Nom link</a></li> <li class="code-line" data-line="30"><strong><a title="#t=16:22" href= "https://file+.vscode-resource.vscode-webview.net/Users/ichris/Documents/GitHub/Syntax/shows/426%20-%20Monorepos.md#t=16:22" data-href="#t=16:22">16:22</a></strong> Sponsor: Kontent by Kentico</li> <li class="code-line" data-line="31"><strong><a title="#t=17:33" href= "https://file+.vscode-resource.vscode-webview.net/Users/ichris/Documents/GitHub/Syntax/shows/426%20-%20Monorepos.md#t=17:33" data-href="#t=17:33">17:33</a></strong> What's the process for managing libraries?</li> <li class="code-line" data-line="32"><strong><a title="#t=20:10" href= "https://file+.vscode-resource.vscode-webview.net/Users/ichris/Documents/GitHub/Syntax/shows/426%20-%20Monorepos.md#t=20:10" data-href="#t=20:10">20:10</a></strong> Installing / uninstalling things</li> <li class="code-line" data-line="33"><strong><a title="#t=21:07" href= "https://file+.vscode-resource.vscode-webview.net/Users/ichris/Documents/GitHub/Syntax/shows/426%20-%20Monorepos.md#t=21:07" data-href="#t=21:07">21:07</a></strong> Shared dependencies</li> <li class="code-line" data-line="34"><strong><a title="#t=27:45" href= "https://file+.vscode-resource.vscode-webview.net/Users/ichris/Documents/GitHub/Syntax/shows/426%20-%20Monorepos.md#t=27:45" data-href="#t=27:45">27:45</a></strong> Sponsor: LogRocket <code>"ui:dev": "pnpm recursive run dev --filter @leveluptuts/ui",</code> <code>"update": "pnpm recursive up -L -i"</code></li> <li class="code-line" data-line="37"><strong><a title="#t=29:23" href= "https://file+.vscode-resource.vscode-webview.net/Users/ichris/Documents/GitHub/Syntax/shows/426%20-%20Monorepos.md#t=29:23" data-href="#t=29:23">29:23</a></strong> Turborepo</li> <li class="code-line" data-line="38"><a title= "https://turborepo.org" href="https://turborepo.org/" data-href= "https://turborepo.org">Turborepo</a></li> <li class="code-line" data-line="39"><strong><a title="#t=39:32" href= "https://file+.vscode-resource.vscode-webview.net/Users/ichris/Documents/GitHub/Syntax/shows/426%20-%20Monorepos.md#t=39:32" data-href="#t=39:32">39:32</a></strong> nX</li> <li class="code-line" data-line="40"><a title="https://nx.dev" href="https://nx.dev/" data-href="https://nx.dev">nx</a></li> <li class="code-line" data-line="41"><strong><a title="#t=45:38" href= "https://file+.vscode-resource.vscode-webview.net/Users/ichris/Documents/GitHub/Syntax/shows/426%20-%20Monorepos.md#t=45:38" data-href="#t=45:38">45:38</a></strong> Sponsor: Freshbooks</li> <li class="code-line" data-line="42"><strong><a title="#t=46:32" href= "https://file+.vscode-resource.vscode-webview.net/Users/ichris/Documents/GitHub/Syntax/shows/426%20-%20Monorepos.md#t=46:32" data-href="#t=46:32">46:32</a></strong> Lerna</li> <li class="code-line" data-line="43"><a title= "https://lerna.js.org" href="https://lerna.js.org/" data-href= "https://lerna.js.org">Lerna</a></li> <li class="code-line" data-line="44"><strong><a title="#t=48:09" href= "https://file+.vscode-resource.vscode-webview.net/Users/ichris/Documents/GitHub/Syntax/shows/426%20-%20Monorepos.md#t=48:09" data-href="#t=48:09">48:09</a></strong> Rushjs</li> <li class="code-line" data-line="45"><a title="https://rushjs.io" href="https://rushjs.io/" data-href= "https://rushjs.io">Rushjs</a></li> <li class="code-line" data-line="46"><strong><a title="#t=52:35" href= "https://file+.vscode-resource.vscode-webview.net/Users/ichris/Documents/GitHub/Syntax/shows/426%20-%20Monorepos.md#t=52:35" data-href="#t=52:35">52:35</a></strong> Sick Picks</li> <li class="code-line" data-line="47"><strong><a title="#t=59:17" href= "https://file+.vscode-resource.vscode-webview.net/Users/ichris/Documents/GitHub/Syntax/shows/426%20-%20Monorepos.md#t=59:17" data-href="#t=59:17">59:17</a></strong> Shameless Plugs</li> </ul> <h2 id= "%C3%97%C3%97%C3%97-siiiiick-%C3%97%C3%97%C3%97-piiiicks-%C3%97%C3%97%C3%97" class="code-line" data-line="49">××× SIIIIICK ××× PIIIICKS ×××</h2> <ul class="code-line" data-line="51"> <li class="code-line" data-line="51">Scott: <a title= "https://amzn.to/3A75kZ2" href="https://amzn.to/3A75kZ2" data-href= "https://amzn.to/3A75kZ2">Wyze v3</a>, <a title= "https://amzn.to/3fObhRz" href="https://amzn.to/3fObhRz" data-href= "https://amzn.to/3fObhRz">10 micro sd</a></li> <li class="code-line" data-line="52">Wes: <a title= "https://amzn.to/3nysfr6" href="https://amzn.to/3nysfr6" data-href= "https://amzn.to/3nysfr6">Tineco A11 Vaccum</a></li> </ul> <h2 id="shameless-plugs" class="code-line" data-line="54">Shameless Plugs</h2> <ul class="code-line" data-line="56"> <li class="code-line" data-line="56">Scott: <a title= "https://www.leveluptutorials.com/pro" href= "https://www.leveluptutorials.com/pro" data-href= "https://www.leveluptutorials.com/pro">Astro Course</a> - Sign up for the year and save 50%!</li> <li class="code-line" data-line="57">Wes: <a title= "https://wesbos.com/courses/" href="https://wesbos.com/courses/" data-href="https://wesbos.com/courses/">All Courses</a></li> </ul> <h2 id="tweet-us-your-tasty-treats" class="code-line" data-line= "59">Tweet us your tasty treats</h2> <ul class="code-line" data-line="61"> <li class="code-line" data-line="61"><a title= "https://www.instagram.com/stolinski/" href= "https://www.instagram.com/stolinski/" data-href= "https://www.instagram.com/stolinski/">Scott's Instagram</a></li> <li class="code-line" data-line="62"><a title= "https://www.instagram.com/LevelUpTutorials/" href= "https://www.instagram.com/LevelUpTutorials/" data-href= "https://www.instagram.com/LevelUpTutorials/">LevelUpTutorials Instagram</a></li> <li class="code-line" data-line="63"><a title= "https://www.instagram.com/wesbos/" href= "https://www.instagram.com/wesbos/" data-href= "https://www.instagram.com/wesbos/">Wes' Instagram</a></li> <li class="code-line" data-line="64"><a title= "https://twitter.com/wesbos" href="https://twitter.com/wesbos" data-href="https://twitter.com/wesbos">Wes' Twitter</a></li> <li class="code-line" data-line="65"><a title= "https://www.facebook.com/wesbos.developer" href= "https://www.facebook.com/wesbos.developer" data-href= "https://www.facebook.com/wesbos.developer">Wes' Facebook</a></li> <li class="code-line" data-line="66"><a title= "https://twitter.com/stolinski" href= "https://twitter.com/stolinski" data-href= "https://twitter.com/stolinski">Scott's Twitter</a></li> <li class="code-line" data-line="67">Make sure to include <a title="https://twitter.com/SyntaxFM" href= "https://twitter.com/SyntaxFM" data-href= "https://twitter.com/SyntaxFM">@SyntaxFM</a> in your tweets</li> </ul>

In this episode of Syntax, Scott and Wes talk all about monorepos - the why's and the how's of using them on your projects.
 Kontent by Kentico - Sponsor Kontent by Kentico is a headless CMS that provides live editing experience to non-technical users and hands you the technical tools to build websites, mobile apps, voice assistants, or anything else where you need content. Use REST API or GraphQL and get your content via the global Fastly CDN. Designed to unify all your content and operations, in compliance with ISO27001 and SOC2Type2 certifications.Spin up a new project today and discover Kontent.
 LogRocket - Sponsor LogRocket lets you replay what users do on your site, helping you reproduce bugs and fix issues faster. It's an exception tracker, a session re-player and a performance monitor. Get 14 days free at logrocket.com/syntax.
 Freshbooks - Sponsor Get a 30 day free trial of Freshbooks at freshbooks.com/syntax and put SYNTAX in the "How did you hear about us?" section.
 Show Notes 
00:11 Welcome

01:46 Our experiences with monorepos

05:04 Why use monorepos?

09:37 How long have we been using monorepos?

10:16 Tools for starting a monorepo
 pnpm
 Nom link

16:22 Sponsor: Kontent by Kentico

17:33 What's the process for managing libraries?

20:10 Installing / uninstalling things

21:07 Shared dependencies

27:45 Sponsor: LogRocket "ui:dev": "pnpm recursive run dev --filter @leveluptuts/ui", "update": "pnpm recursive up -L -i"

29:23 Turborepo
 Turborepo

39:32 nX
 nx

45:38 Sponsor: Freshbooks

46:32 Lerna
 Lerna

48:09 Rushjs
 Rushjs

52:35 Sick Picks

59:17 Shameless Plugs
 ××× SIIIIICK ××× PIIIICKS ××× Scott: Wyze v3, 10 micro sd

 Wes: Tineco A11 Vaccum

 Shameless Plugs Scott: Astro Course - Sign up for the year and save 50%!
 Wes: All Courses

 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

Monorepos! Workspaces, pnpm, turborepo + more!

Poslechněte si podcast