Syntax - Tasty Web Development Treats

In this episode, Scott and Wes dive into the world of local-first apps with Johannes Schickling, the mastermind behind Prisma. From databases, WASM for non-JS, to authentication challenges, they explore the ins and outs of crafting apps that prioritize local functionality. Show Notes 00:0001:10Sentry.io01:28Overtone03:4506:4308:0310:3113:04Riffle16:1219:1520:4024:3927:58RiffleTLDraw Make-real29:24Effect34:0439:3242:3045:47EffectTS RPC48:16“Bluebirded”50:29Zio World52:19 Sick Picks Open TelemetrySentry Open Telemetry Shameless Plugs localfirst.fm Hit us up on Socials! Syntax: X Instagram Tiktok LinkedIn Threads Wes: X Instagram Tiktok LinkedIn Threads Scott:X Instagram Tiktok LinkedIn Threads Randy: X Instagram YouTube Threads

Scott and Wes are here to guide you through the world of React Server Components, shedding light on the intricacies of Form Actions and Server Actions. Get ready to level up your React skills as they discuss the ins and outs of these powerful features and share their expert advice on optimizing your applications. Show Notes 00:00Show 718 React Server Components02:04Sentry.io03:04GitHub Add React.useActionState PR04:0504:3106:1007:2908:3408:4509:1711:3112:5413:4013:4915:3015:5717:13React Hooks17:30useActionState() hook18:4919:3519:4623:16useFormStatus() hook24:3826:1328:3030:3133:26useOptimistic() hook37:0240:18 Sick Picks Good Follows: Alex Katt. Scott: Tiny Portable Ultra-Mini Air Pump. Wes: AVerMedia 4k Capture Card. Hit us up on Socials! Syntax: X Instagram Tiktok LinkedIn Threads Wes: X Instagram Tiktok LinkedIn Threads Scott:X Instagram Tiktok LinkedIn Threads Randy: X Instagram YouTube Threads

In this 3-course series, Scott and Wes serve up some JavaScript Promises treats. In part 1, they unravel the concept of promises and delve into common examples of their usage, from creating and waiting on promises, to database queries and user permissions. Show Notes 00:0001:27Sentry.io02:32 Promise mdn web docs03:2703:4505:5407:1807:3708:0809:3309:4611:09 Promise.withResolvers()11:37 async function14:3415:0916:5017:44 Hit us up on Socials! Syntax: X Instagram Tiktok LinkedIn Threads Wes: X Instagram Tiktok LinkedIn Threads Scott:X Instagram Tiktok LinkedIn Threads Randy: X Instagram YouTube Threads

Join Scott and Wes as they delve into the fascinating realm of Biome.JS alongside Emanuele Stoppa, the mastermind behind it all. Why is it written in Rust? Why are other tools so slow? Could Biome be the ultimate successor to ESLint or Prettier? Grab a seat at the table and find out! Show Notes 00:0000:10Sentry.io01:4903:1805:4907:2809:2411:3812:5514:0114:3016:3519:4923:0824:12Language support26:0227:45GritQL GitHub31:25Ezno, TypeScript Compiler33:1335:38Proposal Type Annotations38:0341:1041:4643:22Biome VCS45:14GitHub action setup47:0447:0948:2648:54 Sick Picks IMDBNetflix Shameless Plugs AstroBiomeJS Hit us up on Socials! Syntax: X Instagram Tiktok LinkedIn Threads Wes: X Instagram Tiktok LinkedIn Threads Scott:X Instagram Tiktok LinkedIn Threads Randy: X Instagram YouTube Threads

Web scraping 101! Dive into the world of web scraping with Scott and Wes as they explore everything from tooling setup and navigating protected routes to effective data management. In this Tasty Treat episode, you’ll gain invaluable insights and techniques to scrape (almost) any website with ease. Show Notes 00:0003:13Sentry.io05:00Socialblade08:01Canadian Tire10:0616:1316:5817:2819:08Proxyman22:4023:2724:57Google Puppeteer Extension27:0827:12Linkedom npm package29:02 querySelector31:2834:08XPath34:5335:1036:2638:20Proxyman40:41Fetch Cookie43:20Mechanical Turk44:58 Uniqlo Self-Checkout46:4247:25 Sick Picks KeyboardCleanToolYabai Shameless Plugs Syntax on YouTube Hit us up on Socials! Syntax: X Instagram Tiktok LinkedIn Threads Wes: X Instagram Tiktok LinkedIn Threads Scott:X Instagram Tiktok LinkedIn Threads Randy: X Instagram YouTube Threads

Scott and Wes discuss the delicate balance of what’s acceptable to borrow or be inspired by in web development and what crosses into territory that’s off-limits. Tune in as they share personal experiences, discuss where to find ethical inspiration, and offer tips on how to effectively capture and utilize it. Show Notes 00:0001:57Sentry.io02:2602:5703:1406:26Warp’s CSS Gradient BorderSentry’s Date Picker08:5210:3911:2011:2613:3216:30Wes’ Parity Purchasing Power18:4821:4521:56CSS Scan Buttons CSS Scan Box ShadowsCodropsCodePen25:18Bentro GridsDribbleSite InspireSaaS Landing PagesOne Page LoveType WolfMobbinSyntax NewsletterHoverstat.esInternet Gems32:48Good UIThe Component GalleryOpen UINicely Done35:25 Hit us up on Socials! Syntax: X Instagram Tiktok LinkedIn Threads Wes: X Instagram Tiktok LinkedIn Threads Scott:X Instagram Tiktok LinkedIn Threads Randy: X Instagram YouTube Threads

Scott and Wes dive into Cloudflare’s Analytics Engine and Workers with special guest Ben Vinegar, Syntax’s General Manager. Tune in as they explore Clickhouse, data tracking, infrastructure costs, and transitioning from software products to managing a podcast. Show Notes 00:0001:17Episode 434 with Ben02:21Sentry.io04:00Counterscale.devEpisode 634 with Armin09:08clickhouse11:0113:4615:00 Counterscale Schema18:4019:5523:5724:2425:3427:3130:1931:4932:47Episode 600 with David39:33Syntax Team43:0048:37 Sick Picks Randy’s YouTubeBoom Shameless Plugs Counterscale.dev Hit us up on Socials! Syntax: X Instagram Tiktok LinkedIn Threads Wes: X Instagram Tiktok LinkedIn Threads Scott:X Instagram Tiktok LinkedIn Threads Randy: X Instagram YouTube Threads

Join Scott and Wes as they dish out the juiciest VSCode secrets for coding like a boss (or a Tolinski)! From speedy navigation to must-have extensions and the sickest themes, get ready to level up your coding game. Show Notes 00:0000:47Sentry.io01:4403:1805:5910:3211:3513:4319:0719:1724:2326:2130:3031:3532:4332:4934:3234:45 Text pastry36:43 Better comments39:03 Auto rename tag40:02 Change case40:25 Permute lines41:26 File utils43:20 Sort JSON objects43:50 SQLite viewer44:29 Spell checker45:42 APC49:19 Syntax Theme53:05 Log Wrapper57:4401:00:10 Sick Picks Flicker Free Ultra Definition Phillips BulbsClear Shoe Box Organizers Shameless Plugs Syntax Newsletter Hit us up on Socials! Syntax: X Instagram Tiktok LinkedIn Threads Wes: X Instagram Tiktok LinkedIn Threads Scott:X Instagram Tiktok LinkedIn Threads Randy: X Instagram YouTube Threads

Scott and Wes serve up top tools and tricks for rapid idea execution, from JavaScript services like Valtown and Observable to database solutions including LowDB and Google Sheets integration. Get ready to streamline your development ideation process with these tasty insights! Show Notes 00:0002:16Sentry.io03:1403:43Valtown05:44Observable06:35Notebooks08:23Deno Juypter Notebooks09:51Svelte Repl10:3211:0511:10CodePen13:1413:47Wes’s Hot TipsScott’s Cool Treats21:01Bun file routing24:2526:3026:5127:40LowDB29:00SQLite + Drizzle29:4030:06Sheet DB Hit us up on Socials! Syntax: X Instagram Tiktok LinkedIn Threads Wes: X Instagram Tiktok LinkedIn Threads Scott:X Instagram Tiktok LinkedIn Threads Randy: X Instagram YouTube Threads

Font Awesome is back with Web Awesome, an open source library of web components that will work with any framework because it’s based on standards. Today on Syntax we have Konnor Rogers and Cory LaViska here to talk all things Web Awesome. Show Notes 00:0000:47Sentry.io02:4907:2108:0711:3513:3315:4616:2918:1320:33CSS Part mdn web docs22:0623:3224:51Floating UIClose WatcherCan I Use27:4030:2131:19 Kickstarter35:2436:1240:1841:4842:47Pragmatic Drag and Drop44:5748:5050:29 Sick Picks Enhance.devExtism.orgLit.dev Shameless Plugs Kickstarter Hit us up on Socials! Syntax: X Instagram Tiktok LinkedIn Threads Wes: X Instagram Tiktok LinkedIn Threads Scott:X Instagram Tiktok LinkedIn Threads Randy: X Instagram YouTube Threads

Scott and Wes serve up answers to community questions, from navigating Light DOM vs. Shadow DOM to diving into tools for data extraction. Plus, they dish out insights on Gatsby in 2024, utilizing JavaScript ‘wheel events’, and explore the possibilities of hosting a website at home. Show Notes 00:0000:51Sentry.io01:1703:43LinkeDOM on GitHub08:29LocalFirst.fm MeteorJS UI Updates15:05Goodhertz Audio Software16:34Runway.comGSAP Animate Anything CSS Scroll-Driven Animations23:15Episode 751Thinkmill.com27:44Frame Rate Testing Results on X32:31CJ and Self-Host 101Hetzner.com Cloudflare Docs Create a Tunnel36:52Episode 739Local-First Web Development Syntax Side Dish Explainer Playlist39:41OpenAI Speech to TextInsanely Fast WhisperDeepgram43:51 Sick Picks Hair PowderMini Grease Gun Hit us up on Socials! Syntax: X Instagram Tiktok LinkedIn Threads Wes: X Instagram Tiktok LinkedIn Threads Scott:X Instagram Tiktok LinkedIn Threads Randy: X Instagram YouTube Threads

Scott and Wes chomp through CSS Mixins and Functions, discussing the latest features making their way into CSS. From Tailwind-like classes to fluid typography, join us as we explore the possibilities and practical applications of these new tools. Show Notes 00:0001:24Sentry.io03:00CSS Mixins and Functions Explainer CSS Working Group Discussion06:1907:2609:1212:0215:5816:3117:5320:0821:13 Hit us up on Socials! Syntax: X Instagram Tiktok LinkedIn Threads Wes: X Instagram Tiktok LinkedIn Threads Scott:X Instagram Tiktok LinkedIn Threads Randy: X Instagram YouTube Threads

We were wrong, Manifest V3 is a big deal. Scott and Wes sit down with Oliver Dunk from Google to dive into the intricate world of Chrome Extensions development. From dissecting Manifest V3 to exploring the evolving landscape of browser security and extension reviews, this conversation covers the present and future of browser customization. Show Notes 00:0000:3202:00Sentry03:1708:5909:5610:5213:5615:1716:0619:06 Reddit Thread, The real threat of Manifest V320:3221:1823:3225:5828:33 SidePanel33:0935:5438:39YouTube Chrome for Developers40:3341:5744:0444:4545:2046:3847:1847:5151:47 Sick Picks Defunctland YouTubeLEMMiNO YouTube Shameless Plugs Chrome Extensions Getting StartedWebExtension Playground Hit us up on Socials! Syntax: X Instagram Tiktok LinkedIn Threads Wes: X Instagram Tiktok LinkedIn Threads Scott:X Instagram Tiktok LinkedIn Threads Randy: X Instagram YouTube Threads

Ready to level up your career in web development? Join Wes and Scott as they discuss techniques and best practices for advancing in the field. From mastering technical skills to navigating workplace dynamics, this episode offers actionable advice to help you thrive in your career. Show Notes 00:0000:1701:10Sentry01:30Snack Pack02:0202:2208:09Hot TipsCool Treats14:0717:35Ryan Carniato TweetEpisode 577Justin Fagnani TweetEpisode 59521:1226:5527:2729:1830:0131:4735:0437:4439:0139:3239:40Energy Vampire42:1644:2946:2346:3247:40Episode 74847:5748:2248:2649:1749:31Habit Path54:09 Sick Picks Zeiss Lens Care PackWoosh Screen Cleaner Hit us up on Socials! Syntax: X Instagram Tiktok LinkedIn Threads Wes: X Instagram Tiktok LinkedIn Threads Scott:X Instagram Tiktok LinkedIn Threads Randy: X Instagram YouTube Threads

Scott and Wes dive into the cache problem, tackling user-specific data and caching security. From marketing A/B testing to content negotiation, they explore various challenges and solutions, including different URL/query parameters, edge logic, and client-side caching. Show Notes 00:0001:22YouTube02:1603:3306:2706:2906:5506:5807:1107:4508:1708:26 Content negotiation08:5409:0411:1915:01NetlifyFastlyCloudflare18:1719:52 Hit us up on Socials! Syntax: X Instagram Tiktok LinkedIn Threads Wes: X Instagram Tiktok LinkedIn Threads Scott:X Instagram Tiktok LinkedIn Threads Randy: X Instagram YouTube Threads

Which framework is best? Join Scott and Wes as they chat with Corbin Crutchley, author of the “Framework Field Guide”, diving into the world of frameworks, metaframeworks, and tips to stay up-to-date on the latest trends in web development. Show Notes 00:0000:4802:08Sentry.io02:3205:5707:2310:0011:02ng-conf11:4214:17PreactJS Signals17:5321:0223:1124:3726:4028:52TanStack Store30:3131:3532:4835:2836:2138:5239:58Framework Field GuideEduardo PrattiKevin Aguilar42:4245:4446:1748:2748:3349:5350:1953:3955:26 Sick Picks Shiki Syntax Highlighter Shameless Plugs Framework Field Guide Hit us up on Socials! Syntax: X Instagram Tiktok LinkedIn Threads Wes: X Instagram Tiktok LinkedIn Threads Scott:X Instagram Tiktok LinkedIn Threads Randy: X Instagram YouTube Threads

Scott and Wes explore UI Components, discussing functionality, styling, accessibility, and theming. From headless components to styled starters, they share valuable insights to elevate your UI game. Show Notes 00:0002:3903:1403:4604:1406:2006:3308:0909:2910:0510:1412:1013:21Svelte French Toast15:1116:1018:54React AriaBehaviorAccessibility Internationalization19:34Radix UI Primitives20:16Downshift JS21:29Tanstack Table and Forms26:0028:04Shoelace32:47React Aria Components33:00Headless UI33:04Radix UI37:12Base UI38:2340:22 React Aria Components StarterShadCNTailwind CatalystMeltUI47:5051:1053:06JS Nation55:41 Pigment CSSBase UIShoelaceBaseLayerJollyUIDraftUIRadix UIPenguinUITailwind CSSTailwindUIVerveUIDaisyUIChakraUIFlowbiteFloatingUIDownshift JSMantine59:02 Sick Picks Battery DaddyLazy SusanRechargeable BatteriesCharger Shameless Plugs Syntax on YouTube Hit us up on Socials! Syntax: X Instagram Tiktok LinkedIn Threads Wes: X Instagram Tiktok LinkedIn Threads Scott:X Instagram Tiktok LinkedIn Threads Randy: X Instagram YouTube Threads

Get stoked, jQuery 1.2 is here! Join Scott and Wes as they discuss jQuery Mobile, slicing PSD files, CSS rounded corners, CoffeeScript features, WordPress 2.3, and the rise of Skeuomorphism, shaping the landscape of web development this year. Show Notes 00:0001:16Sentry.io02:1707:3809:3410:25Slicy By MacRabbit12:3414:06CSS3Please15:1716:4818:44BatmanJS, your new favorite JavaScript superhero20:3521:15PHP 5.2.0 Release Announcement21:53 Hit us up on Socials! Syntax: X Instagram Tiktok LinkedIn Threads Wes: X Instagram Tiktok LinkedIn Threads Scott:X Instagram Tiktok LinkedIn Threads Randy: X Instagram YouTube Threads

Scott and Wes are joined by special guests Trudy MacNabb and Anne Thomas from Design Packs, diving into the nitty-gritty of Shopify design. Tune in as they dissect the pros and cons, challenges, and unveil their daily toolkit for crafting stunning Shopify websites. Show Notes 00:0000:5902:3004:0605:3407:5208:5809:2910:32Too Many Tabs11:3413:30Shopify Tools CLI15:1717:13Shopify Tools Theme Kit18:59Shopify Hydrogen20:0922:0223:5625:5629:1631:2631:5733:18‘Sherlocking’ Explained35:2136:3538:4039:1740:4642:0143:5445:1746:4747:38Syntax Episode 586 on Nomad Developing49:4851:3554:08 Sick Picks Bar of ShampooAlie Ward Ologies Podcast Shameless Plugs Design Packs Hit us up on Socials! Syntax: X Instagram Tiktok LinkedIn Threads Wes: X Instagram Tiktok LinkedIn Threads Scott:X Instagram Tiktok LinkedIn Threads Randy: X Instagram YouTube Threads

Level up your coding game -and your gains! Today, Scott and Wes weigh in on the importance of physical fitness for developers, covering motivation, diet, lifting basics, routines, and swole-inducing supplements. Show Notes 00:0001:14Sentry.io03:1003:3206:1909:1213:0613:1313:5816:4717:48StrongliftsStartingStrength25:47Rogue Stall Bar37:1440:53MacroFactorApp46:3747:42BulkSupplements.com Creatine51:23 Sick Picks Wikday Pull Up BandsBooty Bands Hit us up on Socials! Syntax: X Instagram Tiktok LinkedIn Threads Wes: X Instagram Tiktok LinkedIn Threads Scott:X Instagram Tiktok LinkedIn Threads Randy: X Instagram YouTube Threads