In this Hasty Treat, Scott and Wes talk about the building desktop apps using Electron vs Tauri. Show Notes   00:26 Welcome  00:55 Syntax Brought to you by Sentry  01:15 Check my hair app  Tauri Apps  Electron  Hand Mirror on the Mac App Store  SoFriendly/2fhey  04:19 What is Tauri?  08:23 The experience of writing apps in Electron vs Tauri  16:17 Electron Forge  20:02 Building the same app in Electron vs Tauri   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 

Tauri Vs Electron - Desktop Apps with Web Tech

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.

Technology

Tech News

Podcasting

Gadgets

Software How-To

News

In this Potluck episode of Syntax, Scott and Wes tackle community questions on handling overwork, teaching programming to family, and React’s Server Components. They also discuss quantifying accessibility improvements, choosing course platforms, and navigating professional growth in challenging workplaces. Show Notes   00:00 Welcome to Syntax!   Thanks to Codeium.  Syntax Episode 728 with Codeium.    01:37 Brought to you by Sentry.io.  02:38 Rewarding hard work with more work.  07:14 April Fools Episode.    Syntax Episode 750 on April Fools.    09:03 Teaching programming to your family.   Codespark.    15:56 React Server Components using JS runtime.  19:58 What happened to the intro music?  23:06 How can I quantify my work to the executive leadership team?  29:16 Should I host my own course website or use Udemy?  35:34 Navigating professional growth in toxic workplaces.  40:43 Getting started in native dev with tools like Tamagui.   Syntax Episode 601 on Tamagui.    45:42 Cloudflare, what the heck is it?  50:49 Sick Picks + Shameless Plugs.   You’re looking for this >  Swag Drop.  Sick Picks   Scott: Folex.  Wes: CalDigit TS4.   Shameless Plugs   Scott: Syntax on YouTube  Wes: Ditto   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

772: React Server Components with PHP, Selling Accessibility, WTF is Cloudflare + more

 We’re diving into part 2 of our 3-part series on Promises, focusing on error handling, aborts, and essential helper methods. We’ll explore how to manage errors effectively and improve performance with abort signals. Let’s get into it! Show Notes   00:00 Welcome to Syntax!  00:41 Brought to you by Sentry.io.  02:00 Cancelling promises.  05:16 Why would you reach for an abort signal?  06:26 Promise helpers.   07:04 Promise.all() vs Promise.allSettled().  09:12 promiseInstance.finally()  09:26 Promise.any() and Promise.race()    12:08 Error handling strategies.   Tuple await-to-js.  Youtube - 5 Async + Await Error Handling Strategies.    17:30 Promise.race() example.  18:54 Static Promise.reject() and .resolve() methods.   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

771: Promises: Error Handling, Aborts, and Helper Methods - Part 2

In this revisited supper club episode, Wes and Scott talk with Brad Frost about how to implement design systems in small and large scale projects, best practices around naming things, keeping everything in sync across different codebases, and how design systems help projects. Show Notes   00:00 Welcome to Syntax!  00:49 Brought to you by Sentry.io.  01:14 Introducing Brad Frost.  Brad Frost.com.  Atomic Design by Brad Frost.  Brad (@brad_frost) on Twitter.  Brad on LinkedIn.  Brad on Mastodon.  Brad on YouTube.  Brad on GitHub.  Brad Frost on CodePen.  Big Medium | Design for What’s Next.  06:26 What is a design system?  11:48 How do you keep design and code in sync?  Material Design.  Shopify Polaris.  Carbon Design System.  The Design System Ecosystem | Brad Frost.  15:52 How do you use Shopify, WordPress, React, etc. through a design system?  19:19 How is CSS handled?  25:19 What’s the benefit of going all in on web components?  28:49 Do small startups need to worry about design systems?  32:36 How do design tokens work?  37:38 How do you deal with pushback on design systems?  41:05 How do you go outside the guidelines?  44:52 What system do you use for naming things?  49:06 How do you best document your language choices?  50:41 Supper Club questions.     Thinking in Systems.  Miriam Eric Suzanne.  Zeldman on Web and Interaction Design.    57:12 Sick Picks + Shameless Plugs.   Sick Picks   Brad: Rubblebucket.   Shameless Plugs   Brad: Frostapalooza! | Brad Frost, FROSTAPALOOZA - A Concert Party Happening On August 17th 2024.   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

770: Design Systems With Brad Frost (Rereleased)

 Welcome to a special live edition of Syntax, recorded at React Miami! Join Scott and Wes as they dish out games galore, from Spot the Syntax Error to JS or NAYS, all while engaging with the audience in this lively session of coding camaraderie. Plus, who’s the better programmer? Stay tuned to find out! Show Notes   00:00 Welcome to Syntax!  00:54 Meet the Syntax team.  01:22 The plan for today.  02:38 .map() .filter() .reduce()  06:39 Syntax Error.  15:37 JS or NAYS.  21:08 Audience Stump’d.  24:51 Q + EH.   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

769: React Miami Live Show

 Scott and Wes serve up all the deets on the latest React 19 update, exploring new features like actions, web components, use()API, and document metadata. Stay tuned as they discuss the ins and outs of upgrading to React 19 and what it means for your projects. Show Notes   00:00 Welcome to Syntax!  01:30 Brought to you by Sentry.io.  02:03 What’s in the update?  React 19 Beta Release Notes.   03:03 Actions + server actions.   Syntax Episode 766.  04:54 Using server actions for a checkout.    06:11 Web components.   Custom Elements Everywhere.    09:44 use() API.   10:31 With promises.  14:25 With context.  17:32 How does Zustand work?   Stately.ai.  X @DavidKPiano.      18:26 No more ForwardRef.  20:05 Ref cleanup.  20:43 Document metadata.    24:14 Upgrading to React 19.   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

Tauri Vs Electron - Desktop Apps with Web Tech

Download our free app to listen on your phone