Wes Bos & Scott Tolinski - Full Stack JavaScript Web Developers

Zpravodajství

Technologické zprávy

Technika

WTF is the Edge? Edge Compute / Functions

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 episode of Syntax, Wes and Scott talk about what edge functions are, the upsides and downsides of edge functions, and what they’re used for. <h2 class="code-line" data-line-start="2" data-line-end="3"><a id= "Linode___Sponsor_2" name="Linode___Sponsor_2"></a>Linode - Sponsor</h2> Whether you’re working on a personal project or managing enterprise infrastructure, you deserve simple, affordable, and accessible cloud computing solutions that allow you to take your project to the next level. Simplify your cloud infrastructure with Linode’s Linux virtual machines and develop, deploy, and scale your modern applications faster and easier. Get started on Linode today with a $100 in free credit for listeners of Syntax. You can find all the details at <a href= "https://linode.com/syntax">linode.com/syntax</a>. Linode has 11 global data centers and provides 24/7/365 human support with no tiers or hand-offs regardless of your plan size. In addition to shared and dedicated compute instances, you can use your $100 in credit on S3-compatible object storage, Managed Kubernetes, and more. Visit <a href= "https://linode.com/syntax">linode.com/syntax</a> and click on the “Create Free Account” button to get started. <h2 class="code-line" data-line-start="6" data-line-end="7"><a id= "LogRocket__Sponsor_6" name="LogRocket__Sponsor_6"></a>LogRocket - Sponsor</h2> 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 href= "https://logrocket.com/syntax">logrocket.com/syntax</a>. <h2 class="code-line" data-line-start="10" data-line-end="11"> <a id="Freshbooks__Sponsor_10" name= "Freshbooks__Sponsor_10"></a>Freshbooks - Sponsor</h2> Get a 30 day free trial of Freshbooks at <a href= "https://freshbooks.com/syntax">freshbooks.com/syntax</a>. <h2 class="code-line" data-line-start="14" data-line-end="15"> <a id="Show_Notes_14" name="Show_Notes_14"></a>Show Notes</h2> <ul> <li class="has-line-data" data-line-start="16" data-line-end="17"> <a href="#t=00:10">00:10</a> Welcome </li> <li class="has-line-data" data-line-start="17" data-line-end="18"> <a href="#t=01:56">01:56</a> A big announcement </li> <li class="has-line-data" data-line-start="18" data-line-end="19"> <a href="#t=04:33">04:33</a> What is the Edge? </li> <li class="has-line-data" data-line-start="19" data-line-end="20"> <a href="#t=08:27">08:27</a> The upsides of edge functions </li> <li class="has-line-data" data-line-start="20" data-line-end="21"> <a href="#t=12:13">12:13</a> Cold start </li> <li class="has-line-data" data-line-start="21" data-line-end="22"> <a href="#t=18:21">18:21</a> Sponsor: Linode </li> <li class="has-line-data" data-line-start="22" data-line-end="23"> <a href="#t=19:24">19:24</a> What are downsides of edge functions? </li> <li class="has-line-data" data-line-start="23" data-line-end="24"> <a href="#t=27:27">27:27</a> Sponsor: LogRocket </li> <li class="has-line-data" data-line-start="24" data-line-end="25"> <a href="#t=28:35">28:35</a> What is the use case for an edge function? </li> <li class="has-line-data" data-line-start="25" data-line-end="26"> <a href="#t=34:52">34:52</a> Authentication </li> <li class="has-line-data" data-line-start="26" data-line-end="27"> <a href="#t=37:23">37:23</a> Caching </li> <li class="has-line-data" data-line-start="27" data-line-end="28"> <a href="#t=40:51">40:51</a> Are there flavors of edge functions? </li> <li class="has-line-data" data-line-start="28" data-line-end="29"> <a href="#t=44:00">44:00</a> Sponsor: Freshbooks </li> <li class="has-line-data" data-line-start="29" data-line-end="30"> <a href="#t=46:06">46:06</a> What are edge functions not used for? </li> <li class="has-line-data" data-line-start="30" data-line-end="31"> <a href="#t=47:39">47:39</a> What companies offer this? </li> <li class="has-line-data" data-line-start="31" data-line-end="33"> <a href="#t=50:58">50:58</a> Sick Picks </li> <li class="has-line-data" data-line-start="33" data-line-end="35"> <a href= "https://www.netlify.com/blog/announcing-serverless-compute-with-edge-functions"> Netlify announcing serverless compute with edge functions</a> </li> <li class="has-line-data" data-line-start="35" data-line-end="37"> <a href= "https://syntax.fm/show/310/serverless-deno-and-typescript-with-brian-leroux"> Syntax 310 Serverless, Deno and TypeScript with Brian Leroux</a> </li> <li class="has-line-data" data-line-start="37" data-line-end="39"> <a href="https://vercel.com/docs/concepts/functions">Vercel Middleware</a> </li> <li class="has-line-data" data-line-start="39" data-line-end="41"> <a href="https://aws.amazon.com/lambda/">AWS Lambda</a> </li> </ul> <h2 class="code-line" data-line-start="41" data-line-end="42"> <a id="_SIIIIICK__PIIIICKS__41" name= "_SIIIIICK__PIIIICKS__41"></a>××× SIIIIICK ××× PIIIICKS ×××</h2> <ul> <li class="has-line-data" data-line-start="43" data-line-end="44"> Scott: <a href= "https://podcasts.apple.com/us/podcast/the-origin-of-zero/id1612089556?i=1000558099918"> Patented History of Innovations</a></li> <li class="has-line-data" data-line-start="44" data-line-end="46"> Wes: <a href="https://amzn.to/3vf2y2Y">Fastmov Precut Parchment Paper</a></li> </ul> <h2 class="code-line" data-line-start="46" data-line-end="47"> <a id="Shameless_Plugs_46" name="Shameless_Plugs_46"></a>Shameless Plugs</h2> <ul> <li class="has-line-data" data-line-start="48" data-line-end="49"> Scott: <a href="https://leveluptutorials.com/">LevelUp Tutorials</a></li> <li class="has-line-data" data-line-start="49" data-line-end="51"> Wes: <a href="https://wesbos.com/courses">Wes Bos Tutorials</a></li> </ul> <h2 class="code-line" data-line-start="51" data-line-end="52"> <a id="Tweet_us_your_tasty_treats_51" name= "Tweet_us_your_tasty_treats_51"></a>Tweet us your tasty treats</h2> <ul> <li class="has-line-data" data-line-start="53" data-line-end="54"> <a href="https://www.instagram.com/stolinski/">Scott’s Instagram</a></li> <li class="has-line-data" data-line-start="54" data-line-end="55"> <a href= "https://www.instagram.com/LevelUpTutorials/">LevelUpTutorials Instagram</a></li> <li class="has-line-data" data-line-start="55" data-line-end="56"> <a href="https://www.instagram.com/wesbos/">Wes’ Instagram</a></li> <li class="has-line-data" data-line-start="56" data-line-end="57"> <a href="https://twitter.com/wesbos">Wes’ Twitter</a></li> <li class="has-line-data" data-line-start="57" data-line-end="58"> <a href="https://www.facebook.com/wesbos.developer">Wes’ Facebook</a></li> <li class="has-line-data" data-line-start="58" data-line-end="59"> <a href="https://twitter.com/stolinski">Scott’s Twitter</a></li> <li class="has-line-data" data-line-start="59" data-line-end="60"> Make sure to include <a href= "https://twitter.com/SyntaxFM">@SyntaxFM</a> in your tweets</li> </ul>

In this episode of Syntax, Wes and Scott talk about what edge functions are, the upsides and downsides of edge functions, and what they’re used for.
 Linode - Sponsor Whether you’re working on a personal project or managing enterprise infrastructure, you deserve simple, affordable, and accessible cloud computing solutions that allow you to take your project to the next level. Simplify your cloud infrastructure with Linode’s Linux virtual machines and develop, deploy, and scale your modern applications faster and easier. Get started on Linode today with a $100 in free credit for listeners of Syntax. You can find all the details at linode.com/syntax. Linode has 11 global data centers and provides 24/7/365 human support with no tiers or hand-offs regardless of your plan size. In addition to shared and dedicated compute instances, you can use your $100 in credit on S3-compatible object storage, Managed Kubernetes, and more. Visit linode.com/syntax and click on the “Create Free Account” button to get started.
 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.
 Show Notes  00:10 Welcome

  01:56 A big announcement

  04:33 What is the Edge?

  08:27 The upsides of edge functions

  12:13 Cold start

  18:21 Sponsor: Linode

  19:24 What are downsides of edge functions?

  27:27 Sponsor: LogRocket

  28:35 What is the use case for an edge function?

  34:52 Authentication

  37:23 Caching

  40:51 Are there flavors of edge functions?

  44:00 Sponsor: Freshbooks

  46:06 What are edge functions not used for?

  47:39 What companies offer this?

  50:58 Sick Picks

  Netlify announcing serverless compute with edge functions

  Syntax 310 Serverless, Deno and TypeScript with Brian Leroux

  Vercel Middleware

  AWS Lambda

  ××× SIIIIICK ××× PIIIICKS ×××  Scott: Patented History of Innovations

 Wes: Fastmov Precut Parchment Paper

  Shameless Plugs  Scott: LevelUp Tutorials

 Wes: Wes Bos Tutorials

  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

WTF is the Edge? Edge Compute / Functions

Poslechněte si podcast