Wes Bos & Scott Tolinski - Full Stack JavaScript Web Developers

Zpravodajství

Technologické zprávy

Technika

Gatsby v4

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 Hasty Treat, Wes and Scott talk about what's new in Gatsby v4.</p> <h2 id="sponsor---prismic" class="code-line" data-line="9">Sponsor - Prismic</h2> <p class="code-line" data-line="11">Prismic is a Headless CMS that makes it easy to build website pages as a set of components. Break pages into sections of components using React, Vue, or whatever you like. Make corresponding Slices in Prismic. Start building pages dynamically in minutes. Get started at <a title= "https://prismic.io/syntax" href="https://prismic.io/syntax" data-href="https://prismic.io/syntax">prismic.io/syntax</a>.</p> <h2 id="sponsor---sentry" class="code-line" data-line="13">Sponsor - Sentry</h2> <p class="code-line" data-line="15">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.</p> <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"><strong><a title="#t=00:26" href= "https://file+.vscode-resource.vscode-webview.net/Users/ichris/Documents/GitHub/Syntax/shows/415%20-%20Gatsby%20v4.md#t=00:26" data-href="#t=00:26">00:26</a></strong> Welcome</li> <li class="code-line" data-line="20"><strong><a title="#t=01:41" href= "https://file+.vscode-resource.vscode-webview.net/Users/ichris/Documents/GitHub/Syntax/shows/415%20-%20Gatsby%20v4.md#t=01:41" data-href="#t=01:41">01:41</a></strong> Sponsor: Prismic</li> <li class="code-line" data-line="21"><strong><a title="#t=02:35" href= "https://file+.vscode-resource.vscode-webview.net/Users/ichris/Documents/GitHub/Syntax/shows/415%20-%20Gatsby%20v4.md#t=02:35" data-href="#t=02:35">02:35</a></strong> Sponsor: Sentry</li> <li class="code-line" data-line="22"><strong><a title="#t=03:26" href= "https://file+.vscode-resource.vscode-webview.net/Users/ichris/Documents/GitHub/Syntax/shows/415%20-%20Gatsby%20v4.md#t=03:26" data-href="#t=03:26">03:26</a></strong> Gatsby v4!</li> <li class="code-line" data-line="23"><a title= "https://www.gatsbyjs.com" href="https://www.gatsbyjs.com/" data-href="https://www.gatsbyjs.com">Gatsby</a></li> <li class="code-line" data-line="24"><a title= "https://www.gatsbyjs.com/blog/whats-new-in-gatsby-4" href= "https://www.gatsbyjs.com/blog/whats-new-in-gatsby-4" data-href= "https://www.gatsbyjs.com/blog/whats-new-in-gatsby-4">What’s new in Gatsby 4</a></li> <li class="code-line" data-line="25"><strong><a title="#t=04:26" href= "https://file+.vscode-resource.vscode-webview.net/Users/ichris/Documents/GitHub/Syntax/shows/415%20-%20Gatsby%20v4.md#t=04:26" data-href="#t=04:26">04:26</a></strong> Any node version requirements?</li> <li class="code-line" data-line="26"><strong><a title="#t=05:22" href= "https://file+.vscode-resource.vscode-webview.net/Users/ichris/Documents/GitHub/Syntax/shows/415%20-%20Gatsby%20v4.md#t=05:22" data-href="#t=05:22">05:22</a></strong> Three rendering options</li> <li class="code-line" data-line="27"><strong><a title="#t=15:47" href= "https://file+.vscode-resource.vscode-webview.net/Users/ichris/Documents/GitHub/Syntax/shows/415%20-%20Gatsby%20v4.md#t=15:47" data-href="#t=15:47">15:47</a></strong> Parallel Queries</li> <li class="code-line" data-line="28"><strong><a title="#t=16:28" href= "https://file+.vscode-resource.vscode-webview.net/Users/ichris/Documents/GitHub/Syntax/shows/415%20-%20Gatsby%20v4.md#t=16:28" data-href="#t=16:28">16:28</a></strong> Data sync</li> <li class="code-line" data-line="29"><strong><a title="#t=16:57" href= "https://file+.vscode-resource.vscode-webview.net/Users/ichris/Documents/GitHub/Syntax/shows/415%20-%20Gatsby%20v4.md#t=16:57" data-href="#t=16:57">16:57</a></strong> Gatsby admin deprecated</li> <li class="code-line" data-line="30"><a title="https://nextjs.org" href="https://nextjs.org/" data-href= "https://nextjs.org">Nextjs</a></li> </ul> <h2 id="tweet-us-your-tasty-treats" class="code-line" data-line= "32">Tweet us your tasty treats</h2> <ul class="code-line" data-line="34"> <li class="code-line" data-line="34"><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="35"><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="36"><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="37"><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="38"><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="39"><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="40">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 what's new in Gatsby v4.
 Sponsor - Prismic Prismic is a Headless CMS that makes it easy to build website pages as a set of components. Break pages into sections of components using React, Vue, or whatever you like. Make corresponding Slices in Prismic. Start building pages dynamically in minutes. Get started at prismic.io/syntax.
 Sponsor - Sentry 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 
00:26 Welcome

01:41 Sponsor: Prismic

02:35 Sponsor: Sentry

03:26 Gatsby v4!
 Gatsby
 What’s new in Gatsby 4

04:26 Any node version requirements?

05:22 Three rendering options

15:47 Parallel Queries

16:28 Data sync

16:57 Gatsby admin deprecated
 Nextjs
 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

Gatsby v4

Poslechněte si podcast