Wes Bos & Scott Tolinski - Full Stack JavaScript Web Developers

Zpravodajství

Technologické zprávy

Technika

The Macbook Pro Show - Wes and Scott Get New Laptops

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, Wes and Scott talk about their new Apple MacBook Pro's with the M1 Max CPU. <h2 id="sanity---sponsor" class="code-line" data-line="9">Sanity - Sponsor</h2> <a title="http://Sanity.io" href="http://sanity.io/" data-href= "http://Sanity.io">Sanity.io</a> is a real-time headless CMS with a fully customizable Content Studio built in React. Get a Sanity powered site up and running in minutes at <a title= "https://www.sanity.io/create" href="https://www.sanity.io/create" data-href="https://www.sanity.io/create">sanity.io/create</a>. Get an awesome supercharged free developer plan on <a title= "https://www.sanity.io/syntax" href="https://www.sanity.io/syntax" data-href="https://www.sanity.io/syntax">sanity.io/syntax</a>. <h2 id="sentry---sponsor" class="code-line" data-line="13">Sentry - Sponsor</h2> If you want to know what’s happening with your code, track errors and monitor performance with Sentry. Sentry’s Application Monitoring platform helps developers see performance issues, fix errors faster, and optimize their code health. Cut your time on error resolution from hours to minutes. It works with any language and integrates with dozens of other services. Syntax listeners new to Sentry can get two months for free by visiting <a title="https://sentry.io" href= "https://sentry.io/" data-href= "https://sentry.io">Sentry.io</a> and using the coupon code TASTYTREAT during sign up. <h2 id="show-notes" class="code-line" data-line="17">Show Notes</h2> <ul class="code-line" data-line="19"> <li class="code-line" data-line="19"><a title="#t=04:30" href= "https://file+.vscode-resource.vscode-webview.net/Users/ichris/Documents/GitHub/Syntax/shows/407%20-%20new%20laptops.md#t=04:30" data-href="#t=04:30">04:30</a> The last time we upgraded</li> <li class="code-line" data-line="20"><a title="#t=07:05" href= "https://file+.vscode-resource.vscode-webview.net/Users/ichris/Documents/GitHub/Syntax/shows/407%20-%20new%20laptops.md#t=07:05" data-href="#t=07:05">07:05</a> Initial thoughts on new MacBook Pro</li> <li class="code-line" data-line="21"><a title= "https://www.apple.com/macbook-pro/" href= "https://www.apple.com/macbook-pro/" data-href= "https://www.apple.com/macbook-pro/">Apple MacBook Pro</a></li> <li class="code-line" data-line="22"><a title="#t=09:23" href= "https://file+.vscode-resource.vscode-webview.net/Users/ichris/Documents/GitHub/Syntax/shows/407%20-%20new%20laptops.md#t=09:23" data-href="#t=09:23">09:23</a> How much RAM you might need</li> <li class="code-line" data-line="23"><a title="#t=11:33" href= "https://file+.vscode-resource.vscode-webview.net/Users/ichris/Documents/GitHub/Syntax/shows/407%20-%20new%20laptops.md#t=11:33" data-href="#t=11:33">11:33</a> M1 Pro or M1 Max?</li> <li class="code-line" data-line="24"><a title="#t=12:37" href= "https://file+.vscode-resource.vscode-webview.net/Users/ichris/Documents/GitHub/Syntax/shows/407%20-%20new%20laptops.md#t=12:37" data-href="#t=12:37">12:37</a> Justification as a business expense</li> <li class="code-line" data-line="25"><a title= "https://www.figma.com" href="https://www.figma.com/" data-href= "https://www.figma.com">Figma</a></li> <li class="code-line" data-line="26"><a title= "https://www.sketch.com" href="https://www.sketch.com/" data-href= "https://www.sketch.com">Sketch</a></li> <li class="code-line" data-line="27"><a title= "https://twitter.com/softwarejameson/status/1455971162060697613" href= "https://twitter.com/softwarejameson/status/1455971162060697613" data-href= "https://twitter.com/softwarejameson/status/1455971162060697613">We recently found that the new 2021 M1 MacBooks cut our Android build times in half.</a></li> <li class="code-line" data-line="28"><a title= "https://code.visualstudio.com" href= "https://code.visualstudio.com/" data-href= "https://code.visualstudio.com">VS Code</a></li> <li class="code-line" data-line="29"><a title= "https://appleinsider.com/articles/21/03/05/microsoft-releases-m1-native-visual-studio-code-for-developing-apps" href= "https://appleinsider.com/articles/21/03/05/microsoft-releases-m1-native-visual-studio-code-for-developing-apps" data-href= "https://appleinsider.com/articles/21/03/05/microsoft-releases-m1-native-visual-studio-code-for-developing-apps"> Microsoft releases M1-native Visual Studio Code for developing apps</a></li> <li class="code-line" data-line="30"><a title="https://notion.so" href="https://notion.so/" data-href= "https://notion.so">Notion</a></li> <li class="code-line" data-line="31"><a title="https://height.app" href="https://height.app/" data-href= "https://height.app">Height</a></li> <li class="code-line" data-line="32"><a title= "https://www.sublimetext.com" href="https://www.sublimetext.com/" data-href="https://www.sublimetext.com">Sublime Text</a></li> <li class="code-line" data-line="33"><a title="#t=14:52" href= "https://file+.vscode-resource.vscode-webview.net/Users/ichris/Documents/GitHub/Syntax/shows/407%20-%20new%20laptops.md#t=14:52" data-href="#t=14:52">14:52</a> Shortening the feedback cycle</li> <li class="code-line" data-line="34"><a title="#t=15:57" href= "https://file+.vscode-resource.vscode-webview.net/Users/ichris/Documents/GitHub/Syntax/shows/407%20-%20new%20laptops.md#t=15:57" data-href="#t=15:57">15:57</a> Using VS Code</li> <li class="code-line" data-line="35"><a title="#t=21:20" href= "https://file+.vscode-resource.vscode-webview.net/Users/ichris/Documents/GitHub/Syntax/shows/407%20-%20new%20laptops.md#t=21:20" data-href="#t=21:20">21:20</a> Video editing on M1 MacBook Pro</li> <li class="code-line" data-line="36"><a title= "https://www.youtube.com/watch?v=rr2XfL_df3o&t=1s" href= "https://www.youtube.com/watch?v=rr2XfL_df3o&t=1s" data-href= "https://www.youtube.com/watch?v=rr2XfL_df3o&t=1s">Mkbhd - M1 Macbook Pro review</a></li> <li class="code-line" data-line="37"><a title= "https://www.synology.com" href="https://www.synology.com/" data-href="https://www.synology.com">Synology</a></li> <li class="code-line" data-line="38"><a title= "https://syntax.fm/show/220/the-synology-show-backups-and-home-server" href= "https://syntax.fm/show/220/the-synology-show-backups-and-home-server" data-href= "https://syntax.fm/show/220/the-synology-show-backups-and-home-server"> Syntax.fm Ep220 The Synology Show</a></li> <li class="code-line" data-line="39"><a title= "https://getrecut.com" href="https://getrecut.com/" data-href= "https://getrecut.com">Recut</a></li> <li class="code-line" data-line="40"><a title= "https://www.blackmagicdesign.com/products/davinciresolve/" href= "https://www.blackmagicdesign.com/products/davinciresolve/" data-href= "https://www.blackmagicdesign.com/products/davinciresolve/">Davinci Resolve</a></li> <li class="code-line" data-line="41"><a title="#t=24:27" href= "https://file+.vscode-resource.vscode-webview.net/Users/ichris/Documents/GitHub/Syntax/shows/407%20-%20new%20laptops.md#t=24:27" data-href="#t=24:27">24:27</a> Screenflow export comparison</li> <li class="code-line" data-line="42"><a title= "https://www.telestream.net/screenflow/" href= "https://www.telestream.net/screenflow/" data-href= "https://www.telestream.net/screenflow/">Screenflow</a></li> <li class="code-line" data-line="43"><a title="#t=29:32" href= "https://file+.vscode-resource.vscode-webview.net/Users/ichris/Documents/GitHub/Syntax/shows/407%20-%20new%20laptops.md#t=29:32" data-href="#t=29:32">29:32</a> VS Code improvements</li> <li class="code-line" data-line="44"><a title= "https://github.com/swc-project/" href= "https://github.com/swc-project/" data-href= "https://github.com/swc-project/">SWC</a></li> <li class="code-line" data-line="45"><a title="https://pnpm.io" href="https://pnpm.io/" data-href="https://pnpm.io">pnpm</a></li> <li class="code-line" data-line="46"><a title="#t=32:57" href= "https://file+.vscode-resource.vscode-webview.net/Users/ichris/Documents/GitHub/Syntax/shows/407%20-%20new%20laptops.md#t=32:57" data-href="#t=32:57">32:57</a> The tools are no longer the bottleneck</li> <li class="code-line" data-line="47"><a title="#t=33:37" href= "https://file+.vscode-resource.vscode-webview.net/Users/ichris/Documents/GitHub/Syntax/shows/407%20-%20new%20laptops.md#t=33:37" data-href="#t=33:37">33:37</a> Hardware upgrades</li> <li class="code-line" data-line="48"><a title="#t=34:10" href= "https://file+.vscode-resource.vscode-webview.net/Users/ichris/Documents/GitHub/Syntax/shows/407%20-%20new%20laptops.md#t=34:10" data-href="#t=34:10">34:10</a> The notch</li> <li class="code-line" data-line="49"><a title= "https://www.macbartender.com" href="https://www.macbartender.com/" data-href="https://www.macbartender.com">Bartender</a></li> <li class="code-line" data-line="50"><a title="#t=36:11" href= "https://file+.vscode-resource.vscode-webview.net/Users/ichris/Documents/GitHub/Syntax/shows/407%20-%20new%20laptops.md#t=36:11" data-href="#t=36:11">36:11</a> macOS icons have more padding</li> <li class="code-line" data-line="51"><a title="#t=37:03" href= "https://file+.vscode-resource.vscode-webview.net/Users/ichris/Documents/GitHub/Syntax/shows/407%20-%20new%20laptops.md#t=37:03" data-href="#t=37:03">37:03</a> Charging and battery</li> <li class="code-line" data-line="52"><a title= "https://www.caldigit.com/ts3-plus/" href= "https://www.caldigit.com/ts3-plus/" data-href= "https://www.caldigit.com/ts3-plus/">TS3 Plus</a></li> <li class="code-line" data-line="53"><a title="#t=38:32" href= "https://file+.vscode-resource.vscode-webview.net/Users/ichris/Documents/GitHub/Syntax/shows/407%20-%20new%20laptops.md#t=38:32" data-href="#t=38:32">38:32</a> Fans and heat</li> <li class="code-line" data-line="54"><a title="#t=39:18" href= "https://file+.vscode-resource.vscode-webview.net/Users/ichris/Documents/GitHub/Syntax/shows/407%20-%20new%20laptops.md#t=39:18" data-href="#t=39:18">39:18</a> Touch bar is gone</li> <li class="code-line" data-line="55"><a title="#t=39:36" href= "https://file+.vscode-resource.vscode-webview.net/Users/ichris/Documents/GitHub/Syntax/shows/407%20-%20new%20laptops.md#t=39:36" data-href="#t=39:36">39:36</a> External displays</li> <li class="code-line" data-line="56"><a title="#t=41:03" href= "https://file+.vscode-resource.vscode-webview.net/Users/ichris/Documents/GitHub/Syntax/shows/407%20-%20new%20laptops.md#t=41:03" data-href="#t=41:03">41:03</a> Battery</li> <li class="code-line" data-line="57"><a title="#t=41:54" href= "https://file+.vscode-resource.vscode-webview.net/Users/ichris/Documents/GitHub/Syntax/shows/407%20-%20new%20laptops.md#t=41:54" data-href="#t=41:54">41:54</a> LG Display issue</li> <li class="code-line" data-line="58"><a title="#t=42:51" href= "https://file+.vscode-resource.vscode-webview.net/Users/ichris/Documents/GitHub/Syntax/shows/407%20-%20new%20laptops.md#t=42:51" data-href="#t=42:51">42:51</a> Touch ID reader in a better spot</li> <li class="code-line" data-line="59"><a title="#t=43:25" href= "https://file+.vscode-resource.vscode-webview.net/Users/ichris/Documents/GitHub/Syntax/shows/407%20-%20new%20laptops.md#t=43:25" data-href="#t=43:25">43:25</a> What's happening to your old MacBook Pro?</li> <li class="code-line" data-line="60"><a title="#t=45:21" href= "https://file+.vscode-resource.vscode-webview.net/Users/ichris/Documents/GitHub/Syntax/shows/407%20-%20new%20laptops.md#t=45:21" data-href="#t=45:21">45:21</a> Ports and keyboards</li> </ul> <h2 id="tweet-us-your-tasty-treats" class="code-line" data-line= "62">Tweet us your tasty treats</h2> <ul class="code-line" data-line="64"> <li class="code-line" data-line="64"><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="65"><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="66"><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="67"><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="68"><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="69"><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="70">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 Hasty Treat, Wes and Scott talk about their new Apple MacBook Pro's with the M1 Max CPU.
 Sanity - Sponsor Sanity.io is a real-time headless CMS with a fully customizable Content Studio built in React. Get a Sanity powered site up and running in minutes at sanity.io/create. Get an awesome supercharged free developer plan on sanity.io/syntax.
 Sentry - Sponsor If you want to know what’s happening with your code, track errors and monitor performance with Sentry. Sentry’s Application Monitoring platform helps developers see performance issues, fix errors faster, and optimize their code health. Cut your time on error resolution from hours to minutes. It works with any language and integrates with dozens of other services. Syntax listeners new to Sentry can get two months for free by visiting Sentry.io and using the coupon code TASTYTREAT during sign up.
 Show Notes 
04:30 The last time we upgraded

07:05 Initial thoughts on new MacBook Pro
 Apple MacBook Pro

09:23 How much RAM you might need

11:33 M1 Pro or M1 Max?

12:37 Justification as a business expense
 Figma
 Sketch
 We recently found that the new 2021 M1 MacBooks cut our Android build times in half.
 VS Code
 Microsoft releases M1-native Visual Studio Code for developing apps
 Notion
 Height
 Sublime Text

14:52 Shortening the feedback cycle

15:57 Using VS Code

21:20 Video editing on M1 MacBook Pro
 Mkbhd - M1 Macbook Pro review
 Synology
 Syntax.fm Ep220 The Synology Show
 Recut
 Davinci Resolve

24:27 Screenflow export comparison
 Screenflow

29:32 VS Code improvements
 SWC
 pnpm

32:57 The tools are no longer the bottleneck

33:37 Hardware upgrades

34:10 The notch
 Bartender

36:11 macOS icons have more padding

37:03 Charging and battery
 TS3 Plus

38:32 Fans and heat

39:18 Touch bar is gone

39:36 External displays

41:03 Battery

41:54 LG Display issue

42:51 Touch ID reader in a better spot

43:25 What's happening to your old MacBook Pro?

45:21 Ports and keyboards
 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 Macbook Pro Show - Wes and Scott Get New Laptops

Poslechněte si podcast