Wes Bos & Scott Tolinski - Full Stack JavaScript Web Developers

Zpravodajství

Technologické zprávy

Technika

Potluck × Warp × Skeleton UI × Edge Functions × Donut Scoping

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 class="has-line-data" data-line-start="0" data-line-end="1">In this potluck episode of Syntax, Wes and Scott answer your questions about rate-limiting an API, using Wasp, Enums in TypeScript, styling React projects, using Edge functions, and more.</p> <h2 class="code-line" data-line-start="2" data-line-end="3"><a id= "Show_Notes_2"></a>Show Notes</h2> <ul> <li class="has-line-data" data-line-start="4" data-line-end="5"> <strong><a href="#t=00:11">00:11</a></strong> Welcome</li> <li class="has-line-data" data-line-start="5" data-line-end="6"> <strong><a href="#t=01:53">01:53</a></strong> Connecting at conferences</li> <li class="has-line-data" data-line-start="6" data-line-end="7"> <a href="https://jsnation.com/">JSNation – the main JavaScript conference of 2023</a></li> <li class="has-line-data" data-line-start="7" data-line-end="8"> <a href="https://www.renderatl.com/">RenderATL 2023 | May 31 - June 2, 2023. | 80+ Speakers</a></li> <li class="has-line-data" data-line-start="8" data-line-end="9"> <strong><a href="#t=04:10">04:10</a></strong> What technique do you use for consuming a rate-limited API?</li> <li class="has-line-data" data-line-start="9" data-line-end="10"> <strong><a href="#t=07:58">07:58</a></strong> Is Wasp-lang.dev ticking all the boxes for an awesome full-stack JavaScript framework?</li> <li class="has-line-data" data-line-start="10" data-line-end="11"> <a href="https://wasp-lang.dev/">Wasp</a></li> <li class="has-line-data" data-line-start="11" data-line-end="12"> <strong><a href="#t=14:36">14:36</a></strong> How do you guys feel about skeleton UIs?</li> <li class="has-line-data" data-line-start="12" data-line-end="13"> <a href= "https://open-ui.org/components/skeleton.research/">Skeleton | Open UI</a></li> <li class="has-line-data" data-line-start="13" data-line-end="14"> <strong><a href="#t=19:10">19:10</a></strong> How can i forward my http only auth cookies to my backend API?</li> <li class="has-line-data" data-line-start="14" data-line-end="15"> <strong><a href="#t=22:28">22:28</a></strong> What’s your opinion on using Enums in TypeScript?</li> <li class="has-line-data" data-line-start="15" data-line-end="16"> <strong><a href="#t=29:46">29:46</a></strong> How much off the clock time away from coding related activities do you have in a typical week?</li> <li class="has-line-data" data-line-start="16" data-line-end="17"> <strong><a href="#t=37:10">37:10</a></strong> What’s the best approach for styling React projects?</li> <li class="has-line-data" data-line-start="17" data-line-end="18"> <strong><a href="#t=42:49">42:49</a></strong> Donut scoping</li> <li class="has-line-data" data-line-start="18" data-line-end="19"> <a href= "http://www.stubbornella.org/content/2011/10/08/scope-donuts/">Scope donuts | Stubbornella</a></li> <li class="has-line-data" data-line-start="19" data-line-end="20"> <strong><a href="#t=45:21">45:21</a></strong> How do I add user registration and content uploading features to a website?</li> <li class="has-line-data" data-line-start="20" data-line-end="21"> <a href="https://nextjs.org/">Next.js by Vercel - The React Framework</a></li> <li class="has-line-data" data-line-start="21" data-line-end="22"> <a href="https://laravel.com/">Laravel - The PHP Framework For Web Artisans</a></li> <li class="has-line-data" data-line-start="22" data-line-end="23"> <a href="https://cloudinary.com/">Image and Video Upload, Storage, Optimization and CDN</a></li> <li class="has-line-data" data-line-start="23" data-line-end="24"> <a href="https://redwoodjs.com/">RedwoodJS: The App Framework for Startups | RedwoodJS.com</a></li> <li class="has-line-data" data-line-start="24" data-line-end="25"> <a href="https://kit.svelte.dev/">SvelteKit • Web development, streamlined</a></li> <li class="has-line-data" data-line-start="25" data-line-end="26"> <a href="https://learnnode.com/">Learn Node — The best way to learn Node.js, Express, MongoDB, and Friends</a></li> <li class="has-line-data" data-line-start="26" data-line-end="27"> <a href="https://adonisjs.com/">AdonisJS - A fully featured web framework for Node.js</a></li> <li class="has-line-data" data-line-start="27" data-line-end="28"> <strong><a href="#t=53:25">53:25</a></strong> Do you see any benefits in using edge functions if your audience is local?</li> <li class="has-line-data" data-line-start="28" data-line-end="30"> <strong><a href="#t=59:20">59:20</a></strong> SIIIIICK ××× PIIIICKS ×××</li> </ul> <h2 class="code-line" data-line-start="30" data-line-end="31"> <a id="_SIIIIICK__PIIIICKS__30"></a>××× SIIIIICK ××× PIIIICKS ×××</h2> <ul> <li class="has-line-data" data-line-start="32" data-line-end="33"> Scott: * <a href= "https://www.amazon.com/dp/B099MQV8ZW?linkCode=sl1&linkId=2e8b74b5184d18661a0bccb5a4f6713a&language=en_US"> BOJACK 37 Values 480 Pcs Electronics Component Fun Kit with Power Supply Module, Jumper Wire,Precision Potentiometer,830 tie-Points Breadboard Compatible with STM32,Raspberry Pi,Arduino : Electronics</a></li> <li class="has-line-data" data-line-start="33" data-line-end="35"> Wes: * <a href="https://www.airalo.com/">Local and regional eSIMs for travellers - Airalo</a></li> </ul> <h2 class="code-line" data-line-start="35" data-line-end="36"> <a id="Shameless_Plugs_35"></a>Shameless Plugs</h2> <ul> <li class="has-line-data" data-line-start="37" data-line-end="38"> Scott: <a href="https://sentry.io">Sentry</a></li> <li class="has-line-data" data-line-start="38" data-line-end="40"> Wes: <a href="https://wesbos.com/courses">Wes Bos Tutorials</a></li> </ul> <h2 class="code-line" data-line-start="40" data-line-end="41"> <a id="Tweet_us_your_tasty_treats_40"></a>Tweet us your tasty treats</h2> <ul> <li class="has-line-data" data-line-start="42" data-line-end="43"> <a href="https://www.instagram.com/stolinski/">Scott’s Instagram</a></li> <li class="has-line-data" data-line-start="43" data-line-end="44"> <a href= "https://www.instagram.com/LevelUpTutorials/">LevelUpTutorials Instagram</a></li> <li class="has-line-data" data-line-start="44" data-line-end="45"> <a href="https://www.instagram.com/wesbos/">Wes’ Instagram</a></li> <li class="has-line-data" data-line-start="45" data-line-end="46"> <a href="https://twitter.com/wesbos">Wes’ Twitter</a></li> <li class="has-line-data" data-line-start="46" data-line-end="47"> <a href="https://www.facebook.com/wesbos.developer">Wes’ Facebook</a></li> <li class="has-line-data" data-line-start="47" data-line-end="48"> <a href="https://twitter.com/stolinski">Scott’s Twitter</a></li> <li class="has-line-data" data-line-start="48" data-line-end="49"> Make sure to include <a href= "https://twitter.com/SyntaxFM">@SyntaxFM</a> in your tweets</li> <li class="has-line-data" data-line-start="49" data-line-end="50"> <a href="https://bsky.app/profile/wesbos.com">Wes Bos on Bluesky</a></li> <li class="has-line-data" data-line-start="50" data-line-end="51"> <a href="https://bsky.app/profile/tolin.ski">Scott on Bluesky</a></li> <li class="has-line-data" data-line-start="51" data-line-end="52"> <a href="https://bsky.app/profile/syntax.fm">Syntax on Bluesky</a></li> </ul>

In this potluck episode of Syntax, Wes and Scott answer your questions about rate-limiting an API, using Wasp, Enums in TypeScript, styling React projects, using Edge functions, and more.
 Show Notes  00:11 Welcome
 01:53 Connecting at conferences
 JSNation – the main JavaScript conference of 2023

 RenderATL 2023 | May 31 - June 2, 2023. | 80+ Speakers

 04:10 What technique do you use for consuming a rate-limited API?
 07:58 Is Wasp-lang.dev ticking all the boxes for an awesome full-stack JavaScript framework?
 Wasp

 14:36 How do you guys feel about skeleton UIs?
 Skeleton | Open UI

 19:10 How can i forward my http only auth cookies to my backend API?
 22:28 What’s your opinion on using Enums in TypeScript?
 29:46 How much off the clock time away from coding related activities do you have in a typical week?
 37:10 What’s the best approach for styling React projects?
 42:49 Donut scoping
 Scope donuts | Stubbornella

 45:21 How do I add user registration and content uploading features to a website?
 Next.js by Vercel - The React Framework

 Laravel - The PHP Framework For Web Artisans

 Image and Video Upload, Storage, Optimization and CDN

 RedwoodJS: The App Framework for Startups | RedwoodJS.com

 SvelteKit • Web development, streamlined

 Learn Node — The best way to learn Node.js, Express, MongoDB, and Friends

 AdonisJS - A fully featured web framework for Node.js

 53:25 Do you see any benefits in using edge functions if your audience is local?
 59:20 SIIIIICK ××× PIIIICKS ×××
  ××× SIIIIICK ××× PIIIICKS ×××  Scott: * BOJACK 37 Values 480 Pcs Electronics Component Fun Kit with Power Supply Module, Jumper Wire,Precision Potentiometer,830 tie-Points Breadboard Compatible with STM32,Raspberry Pi,Arduino : Electronics

 Wes: * Local and regional eSIMs for travellers - Airalo

  Shameless Plugs  Scott: Sentry

 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
 Wes Bos on Bluesky

 Scott on Bluesky

 Syntax on Bluesky

Aplikace Youradio Talk

Potluck × Warp × Skeleton UI × Edge Functions × Donut Scoping

Poslechněte si podcast