…

Syntax - Tasty Web Development Treats

…

Wes Bos & Scott Tolinski - Full Stack JavaScript Web Developers

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.

#477

Supper Club × Authoring Browser Extensions with Tim Leland

In this supper club episode of Syntax, Wes and Scott talk with Tim Leland - developer of browser extensions like WeatherExtension and Link Shortener Extension. <a id= "Postlight_Podcast__Sponsor_2" name= "Postlight_Podcast__Sponsor_2"></a>Postlight Podcast - Sponsor Postlight is a strategy, design, and engineering firm that builds platforms for some of the biggest organizations in the world. The Postlight Podcast is hosted by senior leaders Rich Ziade, Paul Ford, Gina Trapani, and Chris LoSacco. If you’re looking for answers to tough leadership questions, the Postlight Podcast has you covered. Listen to new episodes every Tuesday, wherever you get your podcasts. <a id="WP_Mail_SMTP__Sponsor_10" name= "WP_Mail_SMTP__Sponsor_10"></a>WP Mail SMTP - Sponsor Did you know that many WordPress sites are not properly configured to send emails? With WP Mail SMTP, you can easily optimize your site to send emails, avoid the spam folder, and make sure your emails land in the inbox every time. WP Mail SMTP comes with detailed email logs, email engagement tracking, visual email reports, weekly email summaries, integrations with popular email providers like SendLayer, Gmail, Outlook, and more! [Try WP Mail SMTP Pro today and get 50%] (https://wpmailsmtp.com/syntax/) off or start with <a href= "https://wordpress.org/plugins/wp-mail-smtp/">their free version</a> by downloading it from the WordPress plugin directory. <a id="Show_Notes_18" name="Show_Notes_18"></a>Show Notes --- [00:33] (#t=00:33) Welcome --- [02:21] (#t=02:21) Guest introduction --- [@tim_leland] (https://twitter.com/tim_leland) --- [TimLeland.com] (https://timleland.com) --- [WeatherExtension] (https://weatherextension.com) --- [Link Shortener Extension] (https://timleland.com/link-shortener-extension/) --- [03:40] (#t=03:40) Why develop browser extensions? --- [07:58] (#t=07:58) How did you market your extensions? --- [09:43] (#t=09:43) Where is a Chrome extension running? --- [Caddy] (https://caddyserver.com) --- [14:29] (#t=14:29) What’s your URL shortener extension? --- [18:50] (#t=18:50) OneLink service --- [20:30] (#t=20:30) SSL Domains --- [21:35] (#t=21:35) Sponsor: The Postlight Podcast --- [23:00] (#t=23:00) Maliciousness with URL shorteners --- [28:26] (#t=28:26) How do you come up with ideas? --- [30:03] (#t=30:03) Running Chrome extensions as Firefox extensions --- [34:03] (#t=34:03) Does blogging still work? --- [36:38] (#t=36:38) Sponsor: Sendlayer --- [37:53] (#t=37:53) Supper club questions --- [Tim Leland /uses/] (https://timleland.com/uses/) --- [45:12] (#t=45:12) ××× SIIIIICK ××× PIIIICKS ××× --- [Tchibo Coffee machine] (https://shoptchibo.com/pages/machines) <a id="Shameless_Plugs_44" name="Shameless_Plugs_44"></a>Shameless Plugs --- Scott: <a href= "https://leveluptutorials.com/tutorials/keystone-js/introduction">LevelUp Tutorials</a> --- Wes: [Wes Bos Tutorials] (https://wesbos.com/courses) <a id="Tweet_us_your_tasty_treats_49" name= "Tweet_us_your_tasty_treats_49"></a>Tweet us your tasty treats --- [Scott’s Instagram] (https://www.instagram.com/stolinski/) --- <a href= "https://www.instagram.com/LevelUpTutorials/">LevelUpTutorials Instagram</a> --- [Wes’ Instagram] (https://www.instagram.com/wesbos/) --- [Wes’ Twitter] (https://twitter.com/wesbos) --- [Wes’ Facebook] (https://www.facebook.com/wesbos.developer) --- [Scott’s Twitter] (https://twitter.com/stolinski) --- Make sure to include <a href= "https://twitter.com/SyntaxFM">@SyntaxFM</a> in your tweets ... Read more

Yesterday

48 MINS

48:09

Yesterday

#476

Home Automation - A Look Ahead

In this Tasty Treat, Scott and Wes talk about the current state of home automation, and the kinds of software and hardware they’re using in their homes to automate their lives. <a id= "Sentry__Sponsor_2" name="Sentry__Sponsor_2"></a>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 <a href= "https://sentry.io">Sentry.io</a> and using the coupon code TASTYTREAT during sign up. <a id= "Auth0__Sponsor_6" name="Auth0__Sponsor_6"></a>Auth0 - Sponsor Auth0 is the easiest way for developers to add authentication and secure their applications. They provides features like user management, multi-factor authentication, and you can even enable users to login with device biometrics with something like their fingerprint. Not to mention, Auth0 has SDKs for your favorite frameworks like React, Next.js, and Node/Express. Make sure to sign up for a free account and give Auth0 a try with the link below. [https://a0.to/syntax] (https://a0.to/syntax) <a id="Freshbooks__Sponsor_10" name= "Freshbooks__Sponsor_10"></a>Freshbooks - Sponsor Get a 30 day free trial of Freshbooks at <a href= "https://freshbooks.com/syntax">freshbooks.com/syntax</a> <a id="Show_Notes_14" name="Show_Notes_14"></a>Show Notes --- [00:11] (#t=00:11) Welcome --- <a href= "https://syntax.fm/show/181/hasty-treat-automating-stuff">Syntax Ep181 Automating Stuff</a> --- [02:18] (#t=02:18) Protocols --- [07:35] (#t=07:35) Software --- [Homebridge] (https://homebridge.io) --- [Hoobs] (https://hoobs.com) --- [Home Assistant] (https://www.home-assistant.io) --- [11:28] (#t=11:28) Using Homebridge --- [16:51] (#t=16:51) Home Assistant vs Homebridge --- [24:35] (#t=24:35) Home Assistant automations --- [27:26] (#t=27:26) Wyze cams --- [33:13] (#t=33:13) Sponsor: Sentry --- [34:31] (#t=34:31) Hardware --- [Philips Hue] (https://www.philips-hue.com/) --- [Leviton] (https://store.leviton.com) --- [Synology] (https://www.synology.com/) --- [Node-RED] (https://nodered.org) --- [Docker Wyze Bridge] (https://github.com/mrlt8/docker-wyze-bridge) --- [U-Tec] (https://www.u-tec.com) --- [38:00] (#t=38:00) Bulbs --- [40:24] (#t=40:24) Buttons --- [Lutron Aurora Smart Bulb Dimmer Switch] (https://amzn.to/3HDQSvm) --- [Flic Button] (https://flic.io) --- [42:53] (#t=42:53) IR Blasters --- [45:57] (#t=45:57) Sensors --- [47:56] (#t=47:56) Motion sensors --- [52:05] (#t=52:05) Sponsor: Auth0 --- [53:28] (#t=53:28) Switched switches --- [57:36] (#t=57:36) Sprinklers --- [58:54] (#t=58:54) NFC --- <a href= "https://www.reddit.com/r/homeassistant/">/r/Homeassistant</a> --- [Shelly] (https://shelly.cloud) --- [01:04:03] (#t=01:04:03) Sponsor: Freshbooks --- [01:05:01] (#t=01:05:01) ××× SIIIIICK ××× PIIIICKS ××× <a id="_SIIIIICK__PIIIICKS__51" name= "_SIIIIICK__PIIIICKS__51"></a>××× SIIIIICK ××× PIIIICKS ××× --- Scott: <a href= "https://tv.apple.com/ca/show/severance/umc.cmc.1srk2goyh2q2zdxcx605w8vtx"> Severence on Apple TV+</a> --- Wes: <a href= "https://www.milwaukeetool.com/Products/Power-Utility/48-22-3100">INKZALL</a> <a id="Shameless_Plugs_56" name="Shameless_Plugs_56"></a>Shameless Plugs --- Scott: [LevelUp Tutorials] (https://leveluptutorials.com/) --- Wes: [Wes Bos Beginner JavaScript] (https://wesbos.com/beginner-javascript) <a id="Tweet_us_your_tasty_treats_61" name= "Tweet_us_your_tasty_treats_61"></a>Tweet us your tasty treats --- [Scott’s Instagram] (https://www.instagram.com/stolinski/) --- <a href= "https://www.instagram.com/LevelUpTutorials/">LevelUpTutorials Instagram</a> --- [Wes’ Instagram] (https://www.instagram.com/wesbos/) --- [Wes’ Twitter] (https://twitter.com/wesbos) --- [Wes’ Facebook] (https://www.facebook.com/wesbos.developer) --- [Scott’s Twitter] (https://twitter.com/stolinski) --- Make sure to include <a href= "https://twitter.com/SyntaxFM">@SyntaxFM</a> in your tweets ... Read more

22 Jun 2022

1 HR 09 MINS

1:09:32

22 Jun 2022

#475

New Viewport Units

In this episode of Syntax, Wes and Scott talk about the new viewport units coming to the web - what are they and when can we use them? <a id= "LogRocket___Sponsor_2" name="LogRocket___Sponsor_2"></a>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 <a href= "https://logrocket.com/syntax">logrocket.com/syntax</a>. <a id= "Sanityio__Sponsor_6" name="Sanityio__Sponsor_6"></a><a href= "http://Sanity.io">Sanity.io</a> - Sponsor [Sanity.io] (http://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 <a href= "https://www.sanity.io/create">sanity.io/create</a>. Get an awesome supercharged free developer plan on <a href= "https://www.sanity.io/syntax">sanity.io/syntax</a>. <a id="Show_Notes_10" name="Show_Notes_10"></a>Show Notes --- [00:25] (#t=00:25) Welcome --- [01:14] (#t=01:14) Sponsor: LogRocket --- [02:24] (#t=02:24) Sponsor: Sanity --- [04:19] (#t=04:19) What are viewport units? --- <a href= "https://www.bram.us/2021/07/08/the-large-small-and-dynamic-viewports/"> The Large and small and dynamic viewports</a> --- [05:22] (#t=05:22) What are the new viewport units? --- <a href= "https://css-tricks.com/the-large-small-and-dynamic-viewports/">Large small and dyanmic viewports</a> --- [07:57] (#t=07:57) What’s small and large? --- [11:52] (#t=11:52) How do viewport units help developers? --- [12:39] (#t=12:39) What about the keyboard on mobile? --- [Keycode.info] (https://keycode.info) --- [16:37] (#t=16:37) When can we start using new viewport units? <a id="Tweet_us_your_tasty_treats_25" name= "Tweet_us_your_tasty_treats_25"></a>Tweet us your tasty treats --- [Scott’s Instagram] (https://www.instagram.com/stolinski/) --- <a href= "https://www.instagram.com/LevelUpTutorials/">LevelUpTutorials Instagram</a> --- [Wes’ Instagram] (https://www.instagram.com/wesbos/) --- [Wes’ Twitter] (https://twitter.com/wesbos) --- [Wes’ Facebook] (https://www.facebook.com/wesbos.developer) --- [Scott’s Twitter] (https://twitter.com/stolinski) --- Make sure to include <a href= "https://twitter.com/SyntaxFM">@SyntaxFM</a> in your tweets ... Read more

20 Jun 2022

19 MINS

19:25

20 Jun 2022

#474

Supper Club × Edge Functions and Deno with Eduardo Bouças of Netlify

In this supper club episode of Syntax, Wes and Scott talk edge functions and Deno with Eduardo Bouças of Netlify. <a id= "Hasura__Sponsor_2" name="Hasura__Sponsor_2"></a>Hasura - Sponsor With Hasura, you can get a fully managed, production-ready GraphQL API as a service to help you build modern apps faster. You can get started for free in 30 seconds, or if you want to try out the Standard tier for zero cost, use the code “TryHasura” at this link: [hasura.info] (https://hasura.info/freetrial) . We’ve also got an amazing selection of GraphQL tutorials at <a href= "https://hasura.io/learn">hasura.io/learn</a>. <a id= "Postlight_Podcast__Sponsor_6" name= "Postlight_Podcast__Sponsor_6"></a>Postlight Podcast - Sponsor Postlight is a strategy, design, and engineering firm that builds platforms for some of the biggest organizations in the world. The Postlight Podcast is hosted by senior leaders Rich Ziade, Paul Ford, Gina Trapani, and Chris LoSacco. If you’re looking for answers to tough leadership questions, the Postlight Podcast has you covered. Listen to new episodes every Tuesday, wherever you get your podcasts. <a id="WP_Mail_SMTP__Sponsor_14" name= "WP_Mail_SMTP__Sponsor_14"></a>WP Mail SMTP - Sponsor Did you know that many WordPress sites are not properly configured to send emails? With WP Mail SMTP, you can easily optimize your site to send emails, avoid the spam folder, and make sure your emails land in the inbox every time. WP Mail SMTP comes with detailed email logs, email engagement tracking, visual email reports, weekly email summaries, integrations with popular email providers like SendLayer, Gmail, Outlook, and more! [Try WP Mail SMTP Pro today and get 50%] (https://wpmailsmtp.com/syntax/) off or start with <a href= "https://wordpress.org/plugins/wp-mail-smtp/">their free version</a> by downloading it from the WordPress plugin directory. <a id="Show_Notes_22" name="Show_Notes_22"></a>Show Notes --- [00:36] (#t=00:36) Welcome --- [02:31] (#t=02:31) Who is Eduardo? --- [EduardoBoucas.com] (https://eduardoboucas.com) --- [@eduardoboucas] (https://twitter.com/eduardoboucas) --- [04:29] (#t=04:29) What is a serverless function? --- [06:42] (#t=06:42) What is the edge and an edge function? --- <a href= "https://www.netlify.com/blog/edge-functions-explained/">Edge Functions Explained</a> --- [Deno] (https://deno.land) --- [08:41] (#t=08:41) Sponsor: Hasura --- [09:18] (#t=09:18) The internet is global, and server locations matter --- [17:09] (#t=17:09) Chaining multiple edge functions --- [20:18] (#t=20:18) Sponsor: WP Mail SMTP --- [21:18] (#t=21:18) Why use Deno? --- [25:06] (#t=25:06) What are the limitations of using Deno? --- [28:12] (#t=28:12) Why not run NodeJS servers on the edge? --- [30:02] (#t=30:02) Do you see a future where people are writing packages that work anywhere? --- [32:00] (#t=32:00) Sponsor: Postlight Podcast --- [32:53] (#t=32:53) What about databases and serverless functions? --- [Planetscale] (https://planetscale.com) --- [38:14] (#t=38:14) What language does Netlify use to write apps in? --- <a href= "https://www.netlify.com/blog/2020/10/06/announcing-netlify-edge-handlers-now-in-early-access/"> Netlify Edge Handlers</a> --- [44:08] (#t=44:08) Supper Club questions --- [Warp] (https://www.warp.dev) --- [S Town Podcast] (https://stownpodcast.org) <a id="Shameless_Plugs_49" name="Shameless_Plugs_49"></a>Shameless Plugs --- Scott: <a href= "https://leveluptutorials.com/tutorials/keystone-js/introduction">LevelUp Tutorials</a> --- Wes: [Wes Bos Tutorials] (https://wesbos.com/courses) <a id="Tweet_us_your_tasty_treats_54" name= "Tweet_us_your_tasty_treats_54"></a>Tweet us your tasty treats --- [Scott’s Instagram] (https://www.instagram.com/stolinski/) --- <a href= "https://www.instagram.com/LevelUpTutorials/">LevelUpTutorials Instagram</a> --- [Wes’ Instagram] (https://www.instagram.com/wesbos/) --- [Wes’ Twitter] (https://twitter.com/wesbos) --- [Wes’ Facebook] (https://www.facebook.com/wesbos.developer) --- [Scott’s Twitter] (https://twitter.com/stolinski) --- Make sure to include <a href= "https://twitter.com/SyntaxFM">@SyntaxFM</a> in your tweets ... Read more

17 Jun 2022

55 MINS

55:13

17 Jun 2022

#473

Potluck - Headless WordPress, Databases, Regex

In this episode of Syntax, Wes and Scott answer your questions about headless WordPress, Regex, their health and fitness, CSS custom properties in media queries, and more. <a id= "Sentry___Sponsor_2" name="Sentry___Sponsor_2"></a>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 <a href= "https://sentry.io">Sentry.io</a> and using the coupon code TASTYTREAT during sign up. <a id= "Sanity__Sponsor_6" name="Sanity__Sponsor_6"></a>Sanity - Sponsor [Sanity.io] (http://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 <a href= "https://www.sanity.io/create">sanity.io/create</a>. Get an awesome supercharged free developer plan on <a href= "https://www.sanity.io/syntax">sanity.io/syntax</a>. <a id="TECH_Domains__Sponsor_10" name= "TECH_Domains__Sponsor_10"></a>.TECH Domains - Sponsor .TECH is taking the tech industry by storm. A domain that shows the world what you are all about! If you’re looking for a domain name for your startup, portfolio, or your own project like we did with uses.tech, check out .tech Domains. Syntax listeners can snap their .TECH Domains at 80% off on five-year registration by visiting [go.tech/syntaxistech] (https://go.tech/syntaxistech) and using the coupon code “syntax5”. <a id="Show_Notes_14" name="Show_Notes_14"></a>Show Notes --- [00:10] (#t=00:10) Welcome --- [03:30] (#t=03:30) If I host a NextJS app on Digital Ocean, should I use a Digital Ocean database? --- [09:14] (#t=09:14) Will either of you ever do a regex course? --- [Regex101] (https://regex101.com/) --- [13:58] (#t=13:58) Is it possible to use the WordPress users database as the same database that the app uses? --- [WPGraphQL] (https://www.wpgraphql.com) --- [18:46] (#t=18:46) Sponsor: Sentry --- [19:43] (#t=19:43) How is health and fitness going for the both of you? --- [26:08] (#t=26:08) Does Wes know who Gendo Ikari is? --- [27:36] (#t=27:36) Dart popularity follow up --- [29:40] (#t=29:40) Is it vital that I should learn another programming language? --- [33:42] (#t=33:42) Sponsor: Sanity --- [34:54] (#t=34:54) If I’m trying to get my first job in web development, do I need to be familiar with design software? --- [Figma] (https://www.figma.com) --- [40:01] (#t=40:01) Thank you for the confidence to apply for a web dev job --- <a href= "https://syntax.fm/show/463/supper-club-redwood-js-with-tom-preston-werner"> Syntax 463 with Tom Preston-Werner</a> --- [41:55] (#t=41:55) What advice will you give in terms of setting up core important things around network, state management, folder structure? --- [45:37] (#t=45:37) .TECH Domain Names --- [46:22] (#t=46:22) I just had an interview with a “major tech company” and your article on using string templates was really helpful. --- [Template Strings] (https://wesbos.com/template-strings-html) --- [48:43] (#t=48:43) If 80% of the time ew need to use preventDefault on form submission, why don’t the simply change the HTML spec? --- [50:01] (#t=50:01) What’s the rationale for not supporting CSS custom properties in media queries when using max/min width? --- [CSS Env] (https://drafts.csswg.org/css-env-1/) --- [MDN CSS Env] (https://developer.mozilla.org/en-US/docs/Web/CSS/env) --- [55:37] (#t=55:37) ××× SIIIIICK ××× PIIIICKS ××× <a id="_SIIIIICK__PIIIICKS__42" name= "_SIIIIICK__PIIIICKS__42"></a>××× SIIIIICK ××× PIIIICKS ××× --- Scott: * [You Must Remember This Podcast] (http://www.youmustrememberthispodcast.com) --- Wes: Tools <a id="Shameless_Plugs_47" name="Shameless_Plugs_47"></a>Shameless Plugs --- Scott: <a href= "https://leveluptutorials.com/tutorials/keystone-js/introduction">LevelUp Tutorials</a> --- Wes: [Wes Bos Tutorials] (https://wesbos.com/courses) <a id="Tweet_us_your_tasty_treats_52" name= "Tweet_us_your_tasty_treats_52"></a>Tweet us your tasty treats --- [Scott’s Instagram] (https://www.instagram.com/stolinski/) --- <a href= "https://www.instagram.com/LevelUpTutorials/">LevelUpTutorials Instagram</a> --- [Wes’ Instagram] (https://www.instagram.com/wesbos/) --- [Wes’ Twitter] (https://twitter.com/wesbos) --- [Wes’ Facebook] (https://www.facebook.com/wesbos.developer) --- [Scott’s Twitter] (https://twitter.com/stolinski) --- Make sure to include <a href= "https://twitter.com/SyntaxFM">@SyntaxFM</a> in your tweets ... Read more

15 Jun 2022

1 HR 00 MINS

1:00:20

15 Jun 2022

#472

I can has() new CSS Selector?!

In this Hasty Treat, Scott and Wes talk about new CSS selectors :has, :where, and :is. <a id= "MagicBell__Sponsor_2" name="MagicBell__Sponsor_2"></a>MagicBell - Sponsor MagicBell is the the notification inbox for your product. Add a MagicBell to your product for announcements, billing, workflow, and other notifications. The free plan supports up to 100 Monthly Active Users - [use the coupon code SYNTAXFM for 10% off the first 12 months] (https://www.magicbell.com) . <a id= "LogRocket__Sponsor_6" name="LogRocket__Sponsor_6"></a>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 <a href= "https://logrocket.com/syntax">logrocket.com/syntax</a>. <a id="Show_Notes_10" name="Show_Notes_10"></a>Show Notes --- [00:25] (#t=00:25) Welcome --- [01:19] (#t=01:19) Sponsor: MagicBell --- [02:31] (#t=02:31) Sponsor: LogRocket --- [03:40] (#t=03:40) Don’t say stupid --- [05:03] (#t=05:03) :Has --- [MDN :Has] (https://developer.mozilla.org/en-US/docs/Web/CSS/:has) // Finds all p tags that have an anchor tag as a child p:has(a) {} // Can find children of parent as well // Finds the button of a paragraph that contains an a tag p:has(a) button {} // Finds all p tags that don't have an anchor tag as a child p:not(:has(a)) {} // Finds all p tags where a is a direct sibling p:has(> a) {} // would find <a>Hi</a> // would not find <a>hi</a> --- [06:13] (#t=06:13) Jargon check --- [11:01] (#t=11:01) Some examples --- [13:25] (#t=13:25) Nest navigations --- [13:51] (#t=13:51) Can I use it? --- [15:52] (#t=15:52) Is and Where --- <a href= "https://developer.mozilla.org/en-US/docs/Web/CSS/:where">MDN :where</a> In the past we would write header p:hover, main p:hover, footer p:hover { color: red; cursor: pointer; } :where is essentially a short had for making this easier considering the 2nd half of these selectors is the same. Will make your css dryer :where(header, main, footer) p:hover {} Also super handy in avoiding css blocks being ignored for unsupported features. // Doesn't work div:has(p), div:some_new_selector(p) // Will still work for :has if has is supported :where(div:has(p), div:some_new_selector(p)) --- <a href= "https://developer.mozilla.org/en-US/docs/Web/CSS/:where#examples">When to use :Where</a> <a id="Tweet_us_your_tasty_treats_69" name= "Tweet_us_your_tasty_treats_69"></a>Tweet us your tasty treats --- [Scott’s Instagram] (https://www.instagram.com/stolinski/) --- <a href= "https://www.instagram.com/LevelUpTutorials/">LevelUpTutorials Instagram</a> --- [Wes’ Instagram] (https://www.instagram.com/wesbos/) --- [Wes’ Twitter] (https://twitter.com/wesbos) --- [Wes’ Facebook] (https://www.facebook.com/wesbos.developer) --- [Scott’s Twitter] (https://twitter.com/stolinski) --- Make sure to include <a href= "https://twitter.com/SyntaxFM">@SyntaxFM</a> in your tweets ... Read more

13 Jun 2022

25 MINS

25:23

13 Jun 2022

#471

Supper Club × Is No Code going to take our jobs? with Connor Finlayson

In this supper club episode of Syntax, Wes and Scott talk with Connor Finlayson about his experience building and teaching no code projects. <a id= "Postlight_Podcast__Sponsor_2" name= "Postlight_Podcast__Sponsor_2"></a>Postlight Podcast - Sponsor Postlight is a strategy, design, and engineering firm that builds platforms for some of the biggest organizations in the world. The Postlight Podcast is hosted by senior leaders Rich Ziade, Paul Ford, Gina Trapani, and Chris LoSacco. If you’re looking for answers to tough leadership questions, the Postlight Podcast has you covered. Listen to new episodes every Tuesday, wherever you get your podcasts. <a id="SeedProd__Sponsor_10" name= "SeedProd__Sponsor_10"></a>SeedProd - Sponsor Our Sponsor for today’s episode is a popular WordPress plugin, [SeedProd] (https://www.seedprod.com/) , a fast growing drag & drop WordPress website builder that helps you create custom WordPress themes & page layouts without any code. Over 1 million websites are using SeedProd to build WordPress sites faster. You can start with one of their hundreds of pre-made website templates to save time or use the blank canvas to build a no-code website. It has built-in email marketing integrations, dynamic personalization, and many other powerful features to help you build a fast WordPress website without writing code. [Try SeedProd Pro today and get 50% off] (https://www.seedprod.com/syntax/) or start with <a href= "https://wordpress.org/plugins/coming-soon/">their free version</a> by downloading it from the WordPress plugin directory. <a id="Strapi__Sponsor_18" name="Strapi__Sponsor_18"></a>Strapi - Sponsor Strapi enables developers to build projects faster by providing a customizable API out of the box and giving them the freedom to use their favorite tool as it has both REST and GraphQL endpoints. Strapi is extensible and frontend agnostic, built to cover all your content use cases. Give Strapi a try at <a href= "https://strapi.io/demo">Strapi.io/demo</a>, find your missing content workflow piece [on our marketplace] (https://market.strapi.io) , and learn more about Strapi and how it help you [on our Youtube] (https://www.youtube.com/c/Strapi) . <a id="Show_Notes_22" name="Show_Notes_22"></a>Show Notes --- [00:38] (#t=00:38) Welcome to Syntax --- [01:54] (#t=01:54) Guest introduction --- [Unicorn Factory] (https://www.unicornfactory.ca) --- <a href= "https://www.connorfinlayson.com">ConnorFinlayson.com</a> --- [Connor’s YouTube channel] (https://www.youtube.com/c/ConnorFinlayson) --- [04:49] (#t=04:49) What is no code? --- [10:57] (#t=10:57) Is no code going to replace programmers? --- [14:57] (#t=14:57) Sponsor: Postlight Podcast --- [15:59] (#t=15:59) What are your favorite tools for no code? --- [Zapier] (https://zapier.com) --- [Webflow] (https://webflow.com) --- [Make.com] (https://www.make.com/en) --- [Airtable] (https://airtable.com) --- [Memberstack] (https://www.memberstack.com) --- [Jetboost] (https://www.jetboost.io) --- [Bubble] (https://bubble.io) --- [19:23] (#t=19:23) When do you need to use real JavaScript? --- [23:23] (#t=23:23) Where do you find information about no code? --- [25:26] (#t=25:26) Sponsor: SeedProd --- [39:25] (#t=39:25) How do you handle version control? --- [43:26] (#t=43:26) Are there native apps in no code land? --- [Notion] (https://www.notion.so) --- [Editor X] (https://www.editorx.com) --- [46:16] (#t=46:16) What is AirTable? --- [49:36] (#t=49:36) Cost of no code tools --- [52:45] (#t=52:45) Sponsor: Strapi --- [53:45] (#t=53:45) Supperclub Questions --- [06:42] (#t=06:42) Shameless Plugs --- <a href= "https://www.codemeetsnocode.com/?ref=connorfinlayson">CodeMeetsNoCode</a> --- [09:49] (#t=09:49) Sick Picks --- [Flowbase] (https://www.flowbase.co) --- [Relume] (https://library.relume.io) <a id="Shameless_Plugs_57" name="Shameless_Plugs_57"></a>Shameless Plugs --- Scott: <a href= "https://leveluptutorials.com/tutorials/keystone-js/introduction">LevelUp Tutorials</a> --- Wes: [Wes Bos Tutorials] (https://wesbos.com/courses) <a id="Tweet_us_your_tasty_treats_62" name= "Tweet_us_your_tasty_treats_62"></a>Tweet us your tasty treats --- [Scott’s Instagram] (https://www.instagram.com/stolinski/) --- <a href= "https://www.instagram.com/LevelUpTutorials/">LevelUpTutorials Instagram</a> --- [Wes’ Instagram] (https://www.instagram.com/wesbos/) --- [Wes’ Twitter] (https://twitter.com/wesbos) --- [Wes’ Facebook] (https://www.facebook.com/wesbos.developer) --- [Scott’s Twitter] (https://twitter.com/stolinski) --- Make sure to include <a href= "https://twitter.com/SyntaxFM">@SyntaxFM</a> in your tweets ... Read more

10 Jun 2022

1 HR 01 MINS

1:01:09

10 Jun 2022

#470

Syntax Live at Reactathon

In this episode of Syntax, Wes and Scott are live from Reactathon 2022! <a id= "Sentry___Sponsor_2" name="Sentry___Sponsor_2"></a>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 <a href= "https://sentry.io">Sentry.io</a> and using the coupon code TASTYTREAT during sign up. <a id= "Payments_Hub__Sponsor_6" name= "Payments_Hub__Sponsor_6"></a>Payments Hub - Sponsor There are hundreds of payments processing companies out there. Hit up <a href= "https://developer.paymentshub.com/syntax">developer.paymentshub.com/syntax</a> to learn more about how Payments Hub Developers not only processes ecommerce and in-person payments, but also boards and underwrites your merchants in as little as 90 minutes. We are currently offering Syntax listeners who become new partners 6 months free data through our Business Reporting API! <a id="Freshbooks__Sponsor_10" name= "Freshbooks__Sponsor_10"></a>Freshbooks - Sponsor Get a 30 day free trial of Freshbooks at <a href= "https://freshbooks.com/syntax">freshbooks.com/syntax</a> <a id="Show_Notes_14" name="Show_Notes_14"></a>Show Notes --- [Live video version] (https://www.youtube.com/watch?v=PXO0iopa5QI) --- [00:32] (#t=00:32) Welcome --- [04:10] (#t=04:10) Hot Take Tweets --- <a href= "https://twitter.com/wesbos/status/1520074336463429637?s=21&t=mO9-2O0DO5fZ-uycIIbIcg"> What is your JavaScript Hot Take or unpopular opinion?</a> --- [05:42] (#t=05:42) Semi colons are not optional --- [06:11] (#t=06:11) For loops are not needed --- [07:19] (#t=07:19) People forget about ES Harmony --- [08:11] (#t=08:11) Sponsor: Sentry --- [09:23] (#t=09:23) A good website should function without JavaScript --- [10:28] (#t=10:28) Classes were a mistake --- [10:54] (#t=10:54) Stay as close to the platform primatives --- [11:36] (#t=11:36) TypeScript is overrated and overhyped --- [11:50] (#t=11:50) Kickin it old school --- <a href= "https://s3.us-west-2.amazonaws.com/secure.notion-static.com/7eaa615a-4f84-4f56-9183-552cac4a5609/Untitled.png?X-Amz-Algorithm=AWS4-HMAC-SHA256&X-Amz-Content-Sha256=UNSIGNED-PAYLOAD&X-Amz-Credential=AKIAT73L2G45EIPT3X45%2F20220606%2Fus-west-2%2Fs3%2Faws4_request&X-Amz-Date=20220606T214149Z&X-Amz-Expires=86400&X-Amz-Signature=2fa8be31a737a4a682db588382392c610b9ebb0b55036c977ffb6ae7a97d6356&X-Amz-SignedHeaders=host&response-content-disposition=filename%20%3D%22Untitled.png%22&x-id=GetObject"> PNG Fix</a> --- <a href= "https://s3.us-west-2.amazonaws.com/secure.notion-static.com/e87aa8f9-0a24-4fa5-ad56-346e58e9c079/Untitled.png?X-Amz-Algorithm=AWS4-HMAC-SHA256&X-Amz-Content-Sha256=UNSIGNED-PAYLOAD&X-Amz-Credential=AKIAT73L2G45EIPT3X45%2F20220606%2Fus-west-2%2Fs3%2Faws4_request&X-Amz-Date=20220606T214119Z&X-Amz-Expires=86400&X-Amz-Signature=00eeacc735b72e354c23e37fdb69f011a9dc6160906bf9b83ab2c279c8d47801&X-Amz-SignedHeaders=host&response-content-disposition=filename%20%3D%22Untitled.png%22&x-id=GetObject"> MM Swap image</a> --- <a href= "https://s3.us-west-2.amazonaws.com/secure.notion-static.com/746c04de-b14d-445c-9d4d-0897989affa0/Untitled.png?X-Amz-Algorithm=AWS4-HMAC-SHA256&X-Amz-Content-Sha256=UNSIGNED-PAYLOAD&X-Amz-Credential=AKIAT73L2G45EIPT3X45%2F20220606%2Fus-west-2%2Fs3%2Faws4_request&X-Amz-Date=20220606T214210Z&X-Amz-Expires=86400&X-Amz-Signature=c221f4fbc1606ca395f6110a29908d0327d00a19ef917db6d4eea5d76d6c1ffa&X-Amz-SignedHeaders=host&response-content-disposition=filename%20%3D%22Untitled.png%22&x-id=GetObject"> Rounded Corner images (sliding Doors)</a> --- var that = this; --- <a href= "https://stackoverflow.com/questions/20541306/how-to-write-a-css-hack-for-ie-11"> IE CSS Hack</a> --- Test for Opera var test = /^function \(/.test([].sort); --- [25:09] (#t=25:09) Sponsor: Payments Hub --- [26:29] (#t=26:29) Syntax Error --- <a href= "https://pypi.org/project/mercurius-core-library/">Mercurius Library</a> --- [31:19] (#t=31:19) JS or NAY-S --- [39:02] (#t=39:02) Sponsor: Freshbooks --- [39:23] (#t=39:23) Q&A --- <a href= "https://syntax.fm/show/430/creator-of-wordle-josh-wardle">Syntax episode with Josh Wardle</a> --- [39:57] (#t=39:57) Using Array methods or for loops --- [41:12] (#t=41:12) What web tech is overhyped and what’s under hyped? --- [43:01] (#t=43:01) Would you rather use Dvorak or Mac butterfly keyboard? --- [43:41] (#t=43:41) Name all provinces and territories in Canada --- [44:39] (#t=44:39) Fav <a href= "http://Syntax.fm">Syntax.fm</a> episode --- [45:38] (#t=45:38) How did Wes and Josh meet? --- [46:52] (#t=46:52) What’s your favorite Trader Joes snack? --- [47:29] (#t=47:29) Would you hire a European or American developer? --- [49:04] (#t=49:04) How would you validate a product idea for Saas business? --- [49:48] (#t=49:48) What podcasts do you listen to? --- [Steve O Podcast] (https://www.steveo.com/pages/podcast) <a id="Shameless_Plugs_55" name="Shameless_Plugs_55"></a>Shameless Plugs --- Scott: <a href= "https://leveluptutorials.com/tutorials/keystone-js/introduction">LevelUp Tutorials</a> --- Wes: [Wes Bos Tutorials] (https://wesbos.com/courses) <a id="Tweet_us_your_tasty_treats_60" name= "Tweet_us_your_tasty_treats_60"></a>Tweet us your tasty treats --- [Scott’s Instagram] (https://www.instagram.com/stolinski/) --- <a href= "https://www.instagram.com/LevelUpTutorials/">LevelUpTutorials Instagram</a> --- [Wes’ Instagram] (https://www.instagram.com/wesbos/) --- [Wes’ Twitter] (https://twitter.com/wesbos) --- [Wes’ Facebook] (https://www.facebook.com/wesbos.developer) --- [Scott’s Twitter] (https://twitter.com/stolinski) --- Make sure to include <a href= "https://twitter.com/SyntaxFM">@SyntaxFM</a> in your tweets ... Read more

08 Jun 2022

51 MINS

51:16

08 Jun 2022

#469

Stopping Malicious Actors

In this Hasty Treat, Scott and Wes talk about ways to prevent malicious people from using or abusing your app. <a id= "Linode__Sponsor_2" name="Linode__Sponsor_2"></a>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 <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. <a id= "Sentry__Sponsor_6" name="Sentry__Sponsor_6"></a>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 <a href= "https://sentry.io">Sentry.io</a> and using the coupon code TASTYTREAT during sign up. <a id="Show_Notes_10" name="Show_Notes_10"></a>Show Notes --- [00:26] (#t=00:26) Welcome --- [01:04] (#t=01:04) Sponsor: Linode --- [02:06] (#t=02:06) Sponsor: Sentry --- [02:59] (#t=02:59) What kind of bad things can happen to your application? --- [06:24] (#t=06:24) How do you stop bad actors? --- [12:20] (#t=12:20) Nonce tokens --- [14:10] (#t=14:10) CSRF --- <a href= "https://syntax.fm/show/363/hasty-treat-csrf-explained">CSRF Explained</a> --- [14:50] (#t=14:50) Captcha --- [hCaptcha] (https://www.hcaptcha.com) --- [17:06] (#t=17:06) DDOS --- [Cloudlfare DDOS] (https://www.cloudflare.com/en-ca/ddos/) --- [17:38] (#t=17:38) Ban known bad ASNS <a id="Tweet_us_your_tasty_treats_26" name= "Tweet_us_your_tasty_treats_26"></a>Tweet us your tasty treats --- [Scott’s Instagram] (https://www.instagram.com/stolinski/) --- <a href= "https://www.instagram.com/LevelUpTutorials/">LevelUpTutorials Instagram</a> --- [Wes’ Instagram] (https://www.instagram.com/wesbos/) --- [Wes’ Twitter] (https://twitter.com/wesbos) --- [Wes’ Facebook] (https://www.facebook.com/wesbos.developer) --- [Scott’s Twitter] (https://twitter.com/stolinski) --- Make sure to include <a href= "https://twitter.com/SyntaxFM">@SyntaxFM</a> in your tweets ... Read more

06 Jun 2022

21 MINS

21:38

06 Jun 2022

#468

Supper Club × Coding Burnout and Gardening with Anselm Hannemann

In this supper club episode of Syntax, Wes and Scott talk with Anselm Hannemann about burning out, trying out gardening, and how getting away from the screen can help restore your creative energy. <a id= "Hasura__Sponsor_2" name="Hasura__Sponsor_2"></a>Hasura - Sponsor With Hasura, you can get a fully managed, production-ready GraphQL API as a service to help you build modern apps faster. You can get started for free in 30 seconds, or if you want to try out the Standard tier for zero cost, use the code “TryHasura” at this link: [hasura.info] (https://hasura.info/freetrial) . We’ve also got an amazing selection of GraphQL tutorials at <a href= "https://hasura.io/learn">hasura.io/learn</a>. <a id= "Strapi__Sponsor_6" name="Strapi__Sponsor_6"></a>Strapi - Sponsor Strapi enables developers to build projects faster by providing a customizable API out of the box and giving them the freedom to use their favorite tool as it has both REST and GraphQL endpoints. Strapi is extensible and frontend agnostic, built to cover all your content use cases. Give Strapi a try at <a href= "https://strapi.io/demo">Strapi.io/demo</a>, find your missing content workflow piece [on our marketplace] (https://market.strapi.io) , and learn more about Strapi and how it help you [on our Youtube] (https://www.youtube.com/c/Strapi) . <a id="SeedProd__Sponsor_10" name= "SeedProd__Sponsor_10"></a>SeedProd - Sponsor Our Sponsor for today’s episode is a popular WordPress plugin, [SeedProd] (https://www.seedprod.com/) , a fast growing drag & drop WordPress website builder that helps you create custom WordPress themes & page layouts without any code. Over 1 million websites are using SeedProd to build WordPress sites faster. You can start with one of their hundreds of pre-made website templates to save time or use the blank canvas to build a no-code website. It has built-in email marketing integrations, dynamic personalization, and many other powerful features to help you build a fast WordPress website without writing code. [Try SeedProd Pro today and get 50% off] (https://www.seedprod.com/syntax/) or start with <a href= "https://wordpress.org/plugins/coming-soon/">their free version</a> by downloading it from the WordPress plugin directory. <a id="Show_Notes_18" name="Show_Notes_18"></a>Show Notes --- [00:39] (#t=00:39) Welcome --- [01:58] (#t=01:58) Guest introduction --- [HelloAnselm.com] (https://helloanselm.com) --- [Anselm on Twitter] (https://twitter.com/helloanselm) --- [Web Development Reading List Newsletter] (https://wdrl.info) --- [10:04] (#t=10:04) Doing things yourself as a form of therapy --- [14:33] (#t=14:33) Sponsor: Hasura --- [16:34] (#t=16:34) Rules for digital usage? --- [19:25] (#t=19:25) How do you learn you’re burned out? --- [26:30] (#t=26:30) Sponsor: Strapi --- [28:10] (#t=28:10) Gardening --- [Gardening site] (https://schaufelundgabel.de) --- [Garden on Instagram] (https://www.instagram.com/schaufelgabel/) --- [The Post Apocalyptic Inventor] (https://www.youtube.com/c/ThePostApocalypticInventor) --- [29:46] (#t=29:46) What do you feed your plants? --- [34:09] (#t=34:09) Irrigation issues --- [35:52] (#t=35:52) Sponsor: SeedProd --- [38:03] (#t=38:03) Dealing with weeds --- [40:54] (#t=40:54) What about chickens? --- [44:20] (#t=44:20) Farming as a business --- [45:39] (#t=45:39) Incorporating tech into the gardening --- [54:06] (#t=54:06) Supper Club Questions --- [Today I Learned Stefan Judis] (https://www.stefanjudis.com/today-i-learned/) --- [Web Design Weekly] (https://web-design-weekly.com) --- [59:09] (#t=59:09) ××× SIIIIICK ××× PIIIICKS ××× <a id="Shameless_Plugs_46" name="Shameless_Plugs_46"></a>Shameless Plugs --- Scott: <a href= "https://leveluptutorials.com/tutorials/keystone-js/introduction">LevelUp Tutorials</a> --- Wes: [Wes Bos Tutorials] (https://wesbos.com/courses) <a id="Tweet_us_your_tasty_treats_51" name= "Tweet_us_your_tasty_treats_51"></a>Tweet us your tasty treats --- [Scott’s Instagram] (https://www.instagram.com/stolinski/) --- <a href= "https://www.instagram.com/LevelUpTutorials/">LevelUpTutorials Instagram</a> --- [Wes’ Instagram] (https://www.instagram.com/wesbos/) --- [Wes’ Twitter] (https://twitter.com/wesbos) --- [Wes’ Facebook] (https://www.facebook.com/wesbos.developer) --- [Scott’s Twitter] (https://twitter.com/stolinski) --- Make sure to include <a href= "https://twitter.com/SyntaxFM">@SyntaxFM</a> in your tweets ... Read more

03 Jun 2022

1 HR 01 MINS

1:01:37

03 Jun 2022

#467

Git in VS Code

In this episode of Syntax, Wes and Scott talk all about how they use Git inside of VS Code, extensions they use, and the various ways to interact with Git in VS Code. <a id= "Linode___Sponsor_2" name="Linode___Sponsor_2"></a>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 <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. <a id= "SPONSOR__Sponsor_6" name="SPONSOR__Sponsor_6"></a>SPONSOR - 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 <a href= "https://logrocket.com/syntax">logrocket.com/syntax</a>. <a id="SPONSOR__Sponsor_10" name="SPONSOR__Sponsor_10"></a>SPONSOR - Sponsor Get a 30 day free trial of Freshbooks at <a href= "https://freshbooks.com/syntax">freshbooks.com/syntax</a> <a id="Show_Notes_14" name="Show_Notes_14"></a>Show Notes --- [00:21] (#t=00:21) Recording Syntax in Riverside --- [Riverside] (http://www.riverside.fm/?via=ichris) --- [01:22] (#t=01:22) Welcome --- [04:57] (#t=04:57) CLI vs VS Code --- [VS Code] (https://code.visualstudio.com) --- [07:27] (#t=07:27) Git Jargon --- [11:50] (#t=11:50) UI tools we’ve used --- [Git Tower] (https://www.git-tower.com/mac) --- [Git Kraken] (https://www.gitkraken.com/) --- [GitHub for Desktop] (https://desktop.github.com/) --- [iTerm] (https://iterm2.com) --- [Warp] (https://www.warp.dev) --- [Git SCM] (https://git-scm.com) --- [14:09] (#t=14:09) Ways to interact with Git in VS Code --- [19:41] (#t=19:41) Source control tab --- [26:28] (#t=26:28) Sponsor: Linode --- [27:47] (#t=27:47) File History --- [30:29] (#t=30:29) Diffing or Compare --- [36:24] (#t=36:24) Conflict resolution --- [42:56] (#t=42:56) Automation with post-commit commands --- [46:10] (#t=46:10) Sponsor: LogRocket --- [47:14] (#t=47:14) Extensions --- [GitLens] (https://www.gitkraken.com/gitlens) --- <a href= "https://marketplace.visualstudio.com/items?itemName=donjayamanne.githistory"> Git History</a> --- <a href= "https://marketplace.visualstudio.com/items?itemName=mhutchie.git-graph"> Git Graph</a> --- <a href= "https://marketplace.visualstudio.com/items?itemName=vivaxy.vscode-conventional-commits"> Conventional Commits</a> --- [53:59] (#t=53:59) Git config tip --- [55:24] (#t=55:24) Sponsor: Freshbooks --- [56:02] (#t=56:02) ××× SIIIIICK ××× PIIIICKS ××× <a id="_SIIIIICK__PIIIICKS__46" name= "_SIIIIICK__PIIIICKS__46"></a>××× SIIIIICK ××× PIIIICKS ××× --- Scott: [Espanso] (https://espanso.org) --- Wes: <a href= "https://www.aliexpress.com/item/1005004058904979.html?spm=a2g0o.order_list.0.0.59c61802UtTwRO"> AirPod cleaning kit</a> <a id="Shameless_Plugs_51" name="Shameless_Plugs_51"></a>Shameless Plugs --- Scott: <a href= "https://leveluptutorials.com/tutorials/keystone-js/introduction">LevelUp Tutorials</a> --- Wes: [Wes Bos Tutorials] (https://wesbos.com/courses) <a id="Tweet_us_your_tasty_treats_56" name= "Tweet_us_your_tasty_treats_56"></a>Tweet us your tasty treats --- [Scott’s Instagram] (https://www.instagram.com/stolinski/) --- <a href= "https://www.instagram.com/LevelUpTutorials/">LevelUpTutorials Instagram</a> --- [Wes’ Instagram] (https://www.instagram.com/wesbos/) --- [Wes’ Twitter] (https://twitter.com/wesbos) --- [Wes’ Facebook] (https://www.facebook.com/wesbos.developer) --- [Scott’s Twitter] (https://twitter.com/stolinski) --- Make sure to include <a href= "https://twitter.com/SyntaxFM">@SyntaxFM</a> in your tweets ... Read more

01 Jun 2022

1 HR 02 MINS

1:02:05

01 Jun 2022

#466

Cache Control Headers Explained

In this Hasty Treat, Scott and Wes answer a question about caching, cache control headers, an explanation of the fields for caching. <a id= "Sentry__Sponsor_2" name="Sentry__Sponsor_2"></a>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 <a href= "https://sentry.io">Sentry.io</a> and using the coupon code TASTYTREAT during sign up. <a id= "LogRocket__Sponsor_6" name="LogRocket__Sponsor_6"></a>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 <a href= "https://logrocket.com/syntax">logrocket.com/syntax</a>. <a id="Show_Notes_10" name="Show_Notes_10"></a>Show Notes --- <a href= "https://svelte.dev/repl/a779692677d44146b9118e0008cbb4d0?version=3.48.0"> Time to live calculator</a> --- [Reminx Conf] (https://remix.run/conf) --- [Opera] (http://opera.com/) --- [The United States of Insanity - Official Trailer] (https://www.youtube.com/watch?v=NBEK4NLcbrY) --- [00:24] (#t=00:24) Welcome --- [01:11] (#t=01:11) Sponsor: Sentry --- [02:28] (#t=02:28) Sponsor: LogRocket --- [03:08] (#t=03:08) My struggle has been with caching, cache control headers and would love a better explanation on some of the fields? --- [04:48] (#t=04:48) What is a header? --- [06:05] (#t=06:05) What is caching? --- [08:21] (#t=08:21) Time to live (TTL) --- [09:08] (#t=09:08) Benefits of a cache --- [10:03] (#t=10:03) Specifying how long to cache --- [11:06] (#t=11:06) max-age --- [12:45] (#t=12:45) stale-while-revalidate --- [16:17] (#t=16:17) stale-if-error --- [16:54] (#t=16:54) must-revalidate --- [17:21] (#t=17:21) private --- [18:03] (#t=18:03) immutable --- [19:29] (#t=19:29) no-transform --- [20:45] (#t=20:45) Cache Control Request Directives <a id="Tweet_us_your_tasty_treats_38" name= "Tweet_us_your_tasty_treats_38"></a>Tweet us your tasty treats --- [Scott’s Instagram] (https://www.instagram.com/stolinski/) --- <a href= "https://www.instagram.com/LevelUpTutorials/">LevelUpTutorials Instagram</a> --- [Wes’ Instagram] (https://www.instagram.com/wesbos/) --- [Wes’ Twitter] (https://twitter.com/wesbos) --- [Wes’ Facebook] (https://www.facebook.com/wesbos.developer) --- [Scott’s Twitter] (https://twitter.com/stolinski) --- Make sure to include <a href= "https://twitter.com/SyntaxFM">@SyntaxFM</a> in your tweets ... Read more

30 May 2022

25 MINS

25:58

30 May 2022

#465

Supper Club × Redwood JS with Tom Pretson-Werner

In this supper club episode of Syntax, Wes and Scott talk with Tom Pretson-Werner about his work on RedwoodJS, the importance of documentation, and the new Redwood Startup Fund. <a id= "AIOSEO__Sponsor_2" name="AIOSEO__Sponsor_2"></a>AIOSEO - Sponsor Our Sponsor for today’s episode is a popular WordPress plugin, <a href= "https://aioseo.com/">AIOSEO</a>, also known as All in One SEO for WordPress. It’s becoming one of the most powerful SEO toolkit and is now used by over 3 million websites to improve search rankings. <a id= "Shipshape_Whiskey_Web_and_Whatnot__Sponsor_6" name= "Shipshape_Whiskey_Web_and_Whatnot__Sponsor_6"></a>Shipshape (Whiskey, Web and Whatnot) - Sponsor [Whiskey Web and Whatnot] (https://www.whiskeywebandwhatnot.fm) is different than your typical dev podcast. We show a lighter, more human side of developers you know and love, like a fireside chat with your favorite devs. Past guests include Tom Preston-Werner, Kent C. Dodds, Charlie Gerard, and of course Wes Bos! We have discussed everything from Next.js and TypeScript to Chuck’s past life as a blackjack dealer, Cincinnati Chili, the best casseroles, and of course whiskey! <a id="Show_Notes_10" name="Show_Notes_10"></a>Show Notes --- [00:34] (#t=00:34) Welcome --- [01:36] (#t=01:36) Guest introduction --- [Tom Preston-Werner on Twitter] (https://twitter.com/mojombo) --- [Kai’s Power Tools] (https://en.wikipedia.org/wiki/Kai%27s_Power_Tools) --- [04:23] (#t=04:23) Math is weird --- [07:21] (#t=07:21) User interface design --- [08:53] (#t=08:53) Sponsor: AIOSEO --- [10:24] (#t=10:24) What is RedwoodJS? --- [RedwoodJS] (https://redwoodjs.com) --- [Chatterbug] (https://chatterbug.com) --- [15:31] (#t=15:31) Is JavaScript the stack you should be using these days? --- [18:40] (#t=18:40) Freedom vs decisions in software --- <a href= "https://www.amazon.ca/Where-Good-Ideas-Come-Innovation/dp/1594485380"> Where Good Ideas Come From</a> --- [23:10] (#t=23:10) RedwoodJS docs and video strategy --- [RedwoodJS Docs] (https://redwoodjs.com/docs/introduction) --- <a href= "https://tom.preston-werner.com/2010/08/23/readme-driven-development.html"> Readme Driven Development</a> --- [29:13] (#t=29:13) The tech behind RedwoodJS --- [Apollo] (https://www.apollographql.com) --- [Storybook] (https://storybook.js.org) --- [36:20] (#t=36:20) Sponsor: Shipshape (Whiskey, Web and Whatnot) --- [36:58] (#t=36:58) Redwood Startup Fund --- <a href= "https://twitter.com/mojombo/status/1512113674315460608">The Redwood Startup Fund</a> --- [42:28] (#t=42:28) Supper club questions --- [VS Code] (https://code.visualstudio.com) --- [Netlify] (https://www.netlify.com) --- [Hacker News] (https://news.ycombinator.com) --- [RedwoodJS on Discord] (https://discord.com/invite/redwoodjs) --- [RedwoodJS Discourse] (https://community.redwoodjs.com) --- [RedwoodJS on Twitter] (https://twitter.com/redwoodjs) <a id="Shameless_Plugs_42" name="Shameless_Plugs_42"></a>Shameless Plugs --- Scott: <a href= "https://leveluptutorials.com/tutorials/keystone-js/introduction">LevelUp Tutorials</a> --- Wes: [Wes Bos Tutorials] (https://wesbos.com/courses) <a id="Tweet_us_your_tasty_treats_47" name= "Tweet_us_your_tasty_treats_47"></a>Tweet us your tasty treats --- [Scott’s Instagram] (https://www.instagram.com/stolinski/) --- <a href= "https://www.instagram.com/LevelUpTutorials/">LevelUpTutorials Instagram</a> --- [Wes’ Instagram] (https://www.instagram.com/wesbos/) --- [Wes’ Twitter] (https://twitter.com/wesbos) --- [Wes’ Facebook] (https://www.facebook.com/wesbos.developer) --- [Scott’s Twitter] (https://twitter.com/stolinski) --- Make sure to include <a href= "https://twitter.com/SyntaxFM">@SyntaxFM</a> in your tweets ... Read more

27 May 2022

58 MINS

58:07

27 May 2022

#464

TypeScript Tooling Explained

In this episode of Syntax, Wes and Scott talk through TypeScript tooling, build tools, configs, and editors. <a id= "LogRocket___Sponsor_2" name="LogRocket___Sponsor_2"></a>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 <a href= "https://logrocket.com/syntax">logrocket.com/syntax</a>. <a id= "MagicBell__Sponsor_6" name="MagicBell__Sponsor_6"></a>MagicBell - Sponsor MagicBell is the The notification inbox for your product. Add a MagicBell to your product for announcements, billing, workflow, and other notifications. The free plan supports up to 100 Monthly Active Users - use the coupon code SYNTAXFM for 10% off the first 12 months. <a id="Freshbooks___Sponsor_10" name= "Freshbooks___Sponsor_10"></a>Freshbooks - Sponsor Get a 30 day free trial of Freshbooks at <a href= "https://freshbooks.com/syntax">freshbooks.com/syntax</a> <a id="Show_Notes_14" name="Show_Notes_14"></a>Show Notes --- [00:08] (#t=00:08) Welcome --- [01:57] (#t=01:57) Tooling --- <a href= "https://www.typescriptlang.org/docs/handbook/compiler-options.html"> tsc</a> --- [esbuild] (https://esbuild.github.io) --- [swc] (https://swc.rs) --- [bun] (https://bun.sh) --- [Zig] (https://ziglearn.org) --- [13:45] (#t=13:45) LogRocket --- [15:01] (#t=15:01) Server side or node-ish --- [Deno] (https://deno.land) --- [ts-node] (https://www.npmjs.com/package/ts-node) --- [wds] (https://github.com/gadget-inc/wds) --- [26:09] (#t=26:09) MagicBell --- [27:42] (#t=27:42) Build tools --- [Vite] (https://vitejs.dev) --- [Parcel] (https://parceljs.org) --- [Nextjs] (https://nextjs.org) --- [Svelte Kit] (https://kit.svelte.dev) --- [Rome] (https://rome.tools) --- [33:25] (#t=33:25) Configs --- <a href= "https://www.typescriptlang.org/tsconfig#module">tsconfig</a> --- [typescript-eslint] (https://typescript-eslint.io) --- [39:08] (#t=39:08) Sponsor: Freshbooks --- [40:00] (#t=40:00) Editors --- [VS Code] (https://code.visualstudio.com) --- [Webstorm] (https://www.jetbrains.com/webstorm/) --- [44:58] (#t=44:58) ××× SIIIIICK ××× PIIIICKS ××× <a id="_SIIIIICK__PIIIICKS__44" name= "_SIIIIICK__PIIIICKS__44"></a>××× SIIIIICK ××× PIIIICKS ××× --- Scott: [Tonie] (https://amzn.to/3Nzziuv) --- Wes: [Burst Toothbrush] (https://www.burstoralcare.com/) <a id="Shameless_Plugs_49" name="Shameless_Plugs_49"></a>Shameless Plugs --- Scott: <a href= "https://leveluptutorials.com/tutorials/keystone-js/introduction">LevelUp Tutorials</a> --- Wes: [Wes Bos Tutorials] (https://wesbos.com/courses) <a id="Tweet_us_your_tasty_treats_54" name= "Tweet_us_your_tasty_treats_54"></a>Tweet us your tasty treats --- [Scott’s Instagram] (https://www.instagram.com/stolinski/) --- <a href= "https://www.instagram.com/LevelUpTutorials/">LevelUpTutorials Instagram</a> --- [Wes’ Instagram] (https://www.instagram.com/wesbos/) --- [Wes’ Twitter] (https://twitter.com/wesbos) --- [Wes’ Facebook] (https://www.facebook.com/wesbos.developer) --- [Scott’s Twitter] (https://twitter.com/stolinski) --- Make sure to include <a href= "https://twitter.com/SyntaxFM">@SyntaxFM</a> in your tweets ... Read more

25 May 2022

52 MINS

52:43

25 May 2022

#463

Scott’s New Office × The Levelup Lodge

In this episode of Syntax, Scott talks about his new office setup where he records videos and podcasts, writes codes, and gets his steps in. <a id= "Sentry___Sponsor_2" name="Sentry___Sponsor_2"></a>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 <a href= "https://sentry.io">Sentry.io</a> and using the coupon code TASTYTREAT during sign up. <a id= "Sanity__Sponsor_6" name="Sanity__Sponsor_6"></a>Sanity - Sponsor [Sanity.io] (http://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 <a href= "https://www.sanity.io/create">sanity.io/create</a>. Get an awesome supercharged free developer plan on <a href= "https://www.sanity.io/syntax">sanity.io/syntax</a>. <a id="Show_Notes_10" name="Show_Notes_10"></a>Show Notes --- [00:15] (#t=00:15) Welcome --- [01:24] (#t=01:24) Office ideas --- [Heat pumps on Technology Connections] (https://www.youtube.com/watch?v=7J52mDjZzto) --- [Neewer lighting] (https://neewer.com/collections/lighting-studio) --- [05:00] (#t=05:00) Sponsor: Sanity --- [06:10] (#t=06:10) Sponsor: Sentry --- [07:37] (#t=07:37) Levelup Lodge tour --- [09:40] (#t=09:40) Lighting --- [13:57] (#t=13:57) The desk --- <a href= "https://www.ikea.com/ca/en/p/karlby-countertop-walnut-veneer-50335208/"> Karlby Countertop</a> --- [Fully Jarvis legs] (https://www.fully.com/jarvis-frame-only.html) --- [Desk Haus] (https://desk.haus) --- [19:32] (#t=19:32) Audio gear --- [M-Audio BX8] (https://m-audio.com/products/view/bx8-d2) --- [Gik Acoustics] (https://www.gikacoustics.com) --- <a href= "https://audient.com/products/monitor-controllers/nero/overview/">Nero</a> --- <a href= "https://focusrite.com/en/usb-audio-interface/scarlett/scarlett-2i2"> Scarlett 2i2</a> --- [Caldigit TS3 Plus] (https://www.caldigit.com/ts3-plus/) --- <a href= "https://products.electrovoice.com/na/en/re20/">Electrovoice RE20</a> --- <a href= "https://www.cloudmicrophones.com/cloudlifter-cl-1">Cloudlifter cL1</a> --- [DBX 286s] (https://dbxpro.com/en/products/286s) --- <a href= "https://www.sony.ca/en/electronics/interchangeable-lens-cameras/ilce-7m3-body-kit"> Sony Alpha 7 III</a> --- [Audeze LCD 1] (https://www.audeze.com/products/lcd-1) --- [25:25] (#t=25:25) Tech setup --- [33:00] (#t=33:00) Misc items --- [35:43] (#t=35:43) Movie posters --- [Shaw Brothers posters] (https://www.redbubble.com/shop/shaw+brothers+posters) <a id="Shameless_Plugs_40" name="Shameless_Plugs_40"></a>Shameless Plugs --- Scott: [LevelUp Tutorials] (https://leveluptutorials.com/) --- Wes: [Wes Bos Tutorials] (https://wesbos.com/courses) <a id="Tweet_us_your_tasty_treats_45" name= "Tweet_us_your_tasty_treats_45"></a>Tweet us your tasty treats --- [Scott’s Instagram] (https://www.instagram.com/stolinski/) --- <a href= "https://www.instagram.com/LevelUpTutorials/">LevelUpTutorials Instagram</a> --- [Wes’ Instagram] (https://www.instagram.com/wesbos/) --- [Wes’ Twitter] (https://twitter.com/wesbos) --- [Wes’ Facebook] (https://www.facebook.com/wesbos.developer) --- [Scott’s Twitter] (https://twitter.com/stolinski) --- Make sure to include <a href= "https://twitter.com/SyntaxFM">@SyntaxFM</a> in your tweets ... Read more

23 May 2022

40 MINS

40:18

23 May 2022

#462

Supper Club × Turbo Repo with Jared Palmer

In this supper club episode of Syntax, Wes and Scott talk with Jared Palmer about Turbo Repo, how it fits in your tech stack, and what it was like being acquired by Vercel. <a id= "Whiskey_Web_and_Whatnot___Sponsor_2" name= "Whiskey_Web_and_Whatnot___Sponsor_2"></a>Whiskey Web and Whatnot - Sponsor [Whiskey Web and Whatnot] (https://www.whiskeywebandwhatnot.fm) is different than your typical dev podcast. We show a lighter, more human side of developers you know and love, like a fireside chat with your favorite devs. Past guests include Tom Preston-Werner, Kent C. Dodds, Charlie Gerard, and of course Wes Bos! We have discussed everything from Next.js and TypeScript to Chuck’s past life as a blackjack dealer, Cincinnati Chili, the best casseroles, and of course whiskey! <a id= "Show_Notes_6" name="Show_Notes_6"></a>Show Notes --- [00:35] (#t=00:35) Welcome --- [Jared Palmer] (https://twitter.com/jaredpalmer) --- [02:15] (#t=02:15) What is Turbo Repo? --- [Turbo Repo] (https://turborepo.org) --- [Vercel] (https://vercel.com) --- [tsdx] (https://tsdx.io) --- [03:27] (#t=03:27) Where does Turbo Repo fit in your stack? --- [06:04] (#t=06:04) What are Google, Meta, or Twitter doing? --- [15:35] (#t=15:35) Sponsor: Whiskey, Web and Whatnot --- [16:45] (#t=16:45) What’s the cost of adding Turbo Repo to a project? --- [21:19] (#t=21:19) Changing based on environmental variables --- [23:18] (#t=23:18) Does this replace how you define your workplace? --- [24:08] (#t=24:08) How do you share the cache? --- [25:25] (#t=25:25) What don’t you cache? --- [27:35] (#t=27:35) What about Gatsby images? --- [28:44] (#t=28:44) Can Turbo Repo help with re-running compiles? --- [36:54] (#t=36:54) Supper Rapid Fire Questions --- [Oceanic Next] (https://github.com/mhartington/oceanic-next) --- [GitHub Dark] (https://github.com/StylishThemes/Github-Dark) --- [Kotlin] (https://kotlinlang.org) --- [52:47] (#t=52:47) Selling Turbo Repo to Vercel --- [55:49] (#t=55:49) Shameless Plugs <a id="Shameless_Plugs_31" name="Shameless_Plugs_31"></a>Shameless Plugs --- Scott: <a href= "https://leveluptutorials.com/tutorials/keystone-js/introduction">LevelUp Tutorials</a> --- Wes: [Wes Bos Tutorials] (https://wesbos.com/courses) <a id="Tweet_us_your_tasty_treats_36" name= "Tweet_us_your_tasty_treats_36"></a>Tweet us your tasty treats --- [Scott’s Instagram] (https://www.instagram.com/stolinski/) --- <a href= "https://www.instagram.com/LevelUpTutorials/">LevelUpTutorials Instagram</a> --- [Wes’ Instagram] (https://www.instagram.com/wesbos/) --- [Wes’ Twitter] (https://twitter.com/wesbos) --- [Wes’ Facebook] (https://www.facebook.com/wesbos.developer) --- [Scott’s Twitter] (https://twitter.com/stolinski) --- Make sure to include <a href= "https://twitter.com/SyntaxFM">@SyntaxFM</a> in your tweets ... Read more

20 May 2022

58 MINS

58:02

20 May 2022

#461

Potluck - Protestware × NoSQL × Next.js × ESM × Jest

In this potluck episode of Syntax, Wes and Scott answer your questions about protestware, NoSQL, Next.js, the <a href= "http://Syntax.fm">Syntax.fm</a> website, ESM, Jest, and more! <a id= "Prismic___Sponsor_2" name="Prismic___Sponsor_2"></a>Prismic - Sponsor 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 href= "https://prismic.io/syntax">prismic.io/syntax</a>. <a id= "LogRocket__Sponsor_6" name="LogRocket__Sponsor_6"></a>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 <a href= "https://logrocket.com/syntax">logrocket.com/syntax</a>. <a id="Auth0__Sponsor_10" name="Auth0__Sponsor_10"></a>Auth0 - Sponsor Auth0 is the easiest way for developers to add authentication and secure their applications. They provides features like user management, multi-factor authentication, and you can even enable users to login with device biometrics with something like their fingerprint. Not to mention, Auth0 has SDKs for your favorite frameworks like React, Next.js, and Node/Express. Make sure to sign up for a free account and give Auth0 a try with the link below. [https://a0.to/syntax] (https://a0.to/syntax) <a id="Show_Notes_14" name="Show_Notes_14"></a>Show Notes --- [00:10] (#t=00:10) Welcome --- [01:30] (#t=01:30) What are the good reasons to use nextjs apart from personal preference? --- [05:15] (#t=05:15) How did you decide to build [Syntax.fm] (http://Syntax.fm) ? --- [Uses.tech] (https://uses.tech) --- [09:09] (#t=09:09) Why does my M1 Mac feel slower than my Intel Mac? --- [14:44] (#t=14:44) Do you alphabetize your larger javascript objects by key name? --- [17:14] (#t=17:14) Sponsor: Prismic --- [19:06] (#t=19:06) Why did you choose noSQL database over SQL databse? --- [25:13] (#t=25:13) What does it mean to support ESM? --- [30:23] (#t=30:23) Sponsor: LogRocket --- [31:35] (#t=31:35) Are open source maintainers doing harm by inserting protestware into packages? --- <a href= "https://checkmarx.com/blog/new-protestware-found-lurking-in-highly-popular-npm-package/"> Protestware found lurking in popular npm package</a> --- [40:30] (#t=40:30) Should I write the game logic on the backend or on the frontend? --- [46:30] (#t=46:30) Sponsor: Auth0 --- [48:20] (#t=48:20) Sick Picks <a id="_SIIIIICK__PIIIICKS__32" name= "_SIIIIICK__PIIIICKS__32"></a>××× SIIIIICK ××× PIIIICKS ××× --- Scott: [Eons Mysteries of Time podcast] (https://beta.prx.org/series/41240) --- Wes: [Mr Bio Multi cable] (https://amzn.to/3N83pZz) <a id="Shameless_Plugs_37" name="Shameless_Plugs_37"></a>Shameless Plugs --- Scott: [LevelUp Tutorials] (https://leveluptutorials.com/) --- Wes: [Wes Bos Tutorials] (https://wesbos.com/courses) <a id="Tweet_us_your_tasty_treats_42" name= "Tweet_us_your_tasty_treats_42"></a>Tweet us your tasty treats --- [Scott’s Instagram] (https://www.instagram.com/stolinski/) --- <a href= "https://www.instagram.com/LevelUpTutorials/">LevelUpTutorials Instagram</a> --- [Wes’ Instagram] (https://www.instagram.com/wesbos/) --- [Wes’ Twitter] (https://twitter.com/wesbos) --- [Wes’ Facebook] (https://www.facebook.com/wesbos.developer) --- [Scott’s Twitter] (https://twitter.com/stolinski) --- Make sure to include <a href= "https://twitter.com/SyntaxFM">@SyntaxFM</a> in your tweets ... Read more

18 May 2022

53 MINS

53:44