Syntax - Tasty Web Development Treats

Wes unveils his Hack-Week project —a thermal printer controlled by JavaScript that prints out Sentry.io errors in real-time. Scott and Wes dive into the nitty-gritty of how it works, from the ESC/POS protocol to tackling socket issues, and whether the project was worth the effort. Show Notes * 00:00 Welcome to Syntax! * 00:38 Brought to you by Sentry.io [https://sentry.io/syntax]. * 01:10 What is Hack Week? * 01:41 The project. * Follow the posts on X [https://twitter.com/wesbos/status/1827029875204489290]. * 02:40 Why a receipt printer? * 03:55 How do these printers work? * ESC/POS [https://github.com/escpos]. * 05:20 Communicating with the printer. * 07:24 ESC/POS Encoder. * ESC/POS Encoder [https://github.com/NielsLeenheer/EscPosEncoder]. * 08:42 Socket issues. * 09:56 Using Transformers.js to stop ‘toxic comments’. * Xenova’s toxic-bert [https://huggingface.co/Xenova/toxic-bert]. * Implementation in Wes’ code [https://github.com/wesbos/thermal-printer/blob/main/lib/sfw.ts]. * 10:48 Back to socket issues. * 12:18 Integrating with Sentry. * 15:01 Printing images with Playwright. * 16:17 Was it worth it? Hit us up on Socials! Syntax: X [https://twitter.com/syntaxfm] Instagram [https://www.instagram.com/syntax_fm/] Tiktok [https://www.tiktok.com/@syntaxfm] LinkedIn [https://www.linkedin.com/company/96077407/admin/feed/posts/] Threads [https://www.threads.net/@syntax_fm] Wes: X [https://twitter.com/wesbos] Instagram [https://www.instagram.com/wesbos/] Tiktok [https://www.tiktok.com/@wesbos] LinkedIn [https://www.linkedin.com/in/wesbos/] Threads [https://www.threads.net/@wesbos] Scott: X [https://twitter.com/stolinski] Instagram [https://www.instagram.com/stolinski/] Tiktok [https://www.tiktok.com/@stolinski] LinkedIn [https://www.linkedin.com/in/stolinski/] Threads [https://www.threads.net/@stolinski] Randy: X [https://twitter.com/randyrektor] Instagram [https://www.instagram.com/randyrektor/] YouTube [https://www.youtube.com/@randyrektor] Threads [https://www.threads.net/@randyrektor]

In this episode of Syntax, Wes and Scott talk with Daniel Thompson-Yvetot about Tauri. They dive into what Tauri is, the motivations behind its development, its open-source ecosystem, use cases, and more. Show Notes * 00:00 Welcome to Syntax! * 02:01 What is Tauri [https://tauri.app/]? * 02:59 What’s new in Tauri 2.0? * 06:41 The benefits of Tauri over Electron [https://www.electronjs.org/] * 11:28 Can you use Node [https://nodejs.org/]? * 14:21 Mac, Linux, and Windows * Verso [https://github.com/versotile-org/verso] * Servo [https://servo.org/] * 25:05 How does Tauri make money? * CrabNebula [https://crabnebula.dev/] * 30:05 Brought to you by Sentry.io [https://sentry.io] * 30:30 Accessing Swift from JavaScript * 31:44 What’s the hardest part of a project like this? * Haptics Plugin [https://github.com/crabnebula-dev/plugins-workspace/blob/feat/haptics/plugins/haptics/ios/Sources/HapticsPlugin.swift] * 37:00 Some of the apps that have shipped with Tauri * Cody [https://sourcegraph.com/cody] * GitButler [https://gitbutler.com/] * Tauri Discord [https://discord.com/invite/tauri] * Awesome Tauri [https://github.com/tauri-apps/awesome-tauri] * 43:18 The future of Tauri * 50:23 Sick Picks & Shameless Plugs Links * Rustlings [https://github.com/rust-lang/rustlings] * Cassidy Williams [https://cassidoo.co/] Sick Picks * Daniel: 5secondfilms [https://www.youtube.com/channel/UCG9lNhVqk9luFLxBKDzuO9g] Shameless Plugs * Guest: Manufacturing European Software (Coming Soon) [https://denjell.com/] Hit us up on Socials! Syntax: X [https://twitter.com/syntaxfm] Instagram [https://www.instagram.com/syntax_fm/] Tiktok [https://www.tiktok.com/@syntaxfm] LinkedIn [https://www.linkedin.com/company/96077407/admin/feed/posts/] Threads [https://www.threads.net/@syntax_fm] Wes: X [https://twitter.com/wesbos] Instagram [https://www.instagram.com/wesbos/] Tiktok [https://www.tiktok.com/@wesbos] LinkedIn [https://www.linkedin.com/in/wesbos/] Threads [https://www.threads.net/@wesbos] Scott: X [https://twitter.com/stolinski] Instagram [https://www.instagram.com/stolinski/] Tiktok [https://www.tiktok.com/@stolinski] LinkedIn [https://www.linkedin.com/in/stolinski/] Threads [https://www.threads.net/@stolinski] Randy: X [https://twitter.com/randyrektor] Instagram [https://www.instagram.com/randyrektor/] YouTube [https://www.youtube.com/@randyrektor] Threads [https://www.threads.net/@randyrektor]

In this Potluck episode of Syntax, Scott and Wes answer your questions, from weighing the trade-offs between numerous small npm packages and a few larger ones to managing the challenges of work-from-home life. They also explore CSS modules, strategies for shrinking JavaScript bundles, and even where to find the best replacement ear cups for your headphones. Show Notes * 00:00 Welcome to Syntax! * 00:38 Commentating basketball [https://twitter.com/wesbos/status/1825910002290212891]. * 01:16 Brought to you by Sentry.io [https://sentry.io/syntax]. * 02:09 The video podcast doesn’t translate well to audio. * 04:08 Many small npm packages vs a few large. * 09:55 Developers dealing with WFH, ADHD, and kids. * 15:59 CSS modules for scoping styles to components. * 20:55 Scoped CSS in React? * 23:21 Reducing JS bundle sizes. * Bundle Phobia [https://bundlephobia.com/]. * Javascript Bundle Analysis [Beta] [https://docs.codecov.com/docs/javascript-bundle-analysis]. * 29:44 Balancing learning, doing, and teaching. * 33:04 Making maps local first. * 36:20 How to pronounce ‘schema’. * Wes Bos Tweet [https://twitter.com/wesbos/status/1828450505414115425]. * 37:09 HTML tag [https://www.w3schools.com/tags/tag_time.asp]. * 40:11 Where to get replacement ear cups for headphones? * wickedcussions [https://wickedcushions.com/]. * Scott’s Audeze Headphones [https://www.audeze.com/products/lcd-1]. * 42:21 ESLint [https://eslint.org/] and hiding errors. * 48:48 Sick Picks & Shameless Plugs. Sick Picks * Scott: Allen Wrench Set [https://amzn.to/4fZqcGd]. * Wes: Clarkson’s Farm – Amazon Prime [https://www.primevideo.com/detail/Clarksons-Farm/0SHGKA0J8D4G01ZGD647627NEJ]. Shameless Plugs * Wes: Syntax.fm [https://syntax.fm], YouTube [https://youtube.com/@syntaxfm] Hit us up on Socials! Syntax: X [https://twitter.com/syntaxfm] Instagram [https://www.instagram.com/syntax_fm/] Tiktok [https://www.tiktok.com/@syntaxfm] LinkedIn [https://www.linkedin.com/company/96077407/admin/feed/posts/] Threads [https://www.threads.net/@syntax_fm] Wes: X [https://twitter.com/wesbos] Instagram [https://www.instagram.com/wesbos/] Tiktok [https://www.tiktok.com/@wesbos] LinkedIn [https://www.linkedin.com/in/wesbos/] Threads [https://www.threads.net/@wesbos] Scott: X [https://twitter.com/stolinski] Instagram [https://www.instagram.com/stolinski/] Tiktok [https://www.tiktok.com/@stolinski] LinkedIn [https://www.linkedin.com/in/stolinski/] Threads [https://www.threads.net/@stolinski] Randy: X [https://twitter.com/randyrektor] Instagram [https://www.instagram.com/randyrektor/] YouTube [https://www.youtube.com/@randyrektor] Threads [https://www.threads.net/@randyrektor]

Scott and Wes serve up a hasty discussion on side projects, sharing their latest Hack Week experiments and tips on how to turn fun ideas into profitable ventures. They cover everything from finding inspiration to choosing the right tech, and even offer advice on how to finish what you start. Show Notes * 00:00 Welcome to Syntax! * 01:11 Brought to you by Sentry.io [https://sentry.io/syntax]. * 01:27 Wes’ Hack Week project. * 02:30 Scott’s Hack Week project. * 04:18 Where do you get ideas for side projects? * 09:22 End goals for a side project. * 14:47 Other end goals. * 16:45 What tech should you use? * drop-in [https://github.com/stolinski/drop-in]. * 20:34 Keeping notes. * 23:14 Finishing side projects. * 26:39 Shameless Plugisode! Hit us up on Socials! Syntax: X [https://twitter.com/syntaxfm] Instagram [https://www.instagram.com/syntax_fm/] Tiktok [https://www.tiktok.com/@syntaxfm] LinkedIn [https://www.linkedin.com/company/96077407/admin/feed/posts/] Threads [https://www.threads.net/@syntax_fm] Wes: X [https://twitter.com/wesbos] Instagram [https://www.instagram.com/wesbos/] Tiktok [https://www.tiktok.com/@wesbos] LinkedIn [https://www.linkedin.com/in/wesbos/] Threads [https://www.threads.net/@wesbos] Scott: X [https://twitter.com/stolinski] Instagram [https://www.instagram.com/stolinski/] Tiktok [https://www.tiktok.com/@stolinski] LinkedIn [https://www.linkedin.com/in/stolinski/] Threads [https://www.threads.net/@stolinski] Randy: X [https://twitter.com/randyrektor] Instagram [https://www.instagram.com/randyrektor/] YouTube [https://www.youtube.com/@randyrektor] Threads [https://www.threads.net/@randyrektor]

In this episode of Syntax, Wes and Scott talk with CJ Reynolds about the resurgence of meetups in a post-COVID world. They discuss the benefits of attending and speaking at meetups, and the logistics of organizing them. CJ also shares his experiences running the DenverScript meetup, including sourcing speakers, finding venues, and ensuring a welcoming community. Show Notes * 00:00 Welcome to Syntax! * 01:35 Brought to you by Sentry.io [https://sentry.io] * 01:49 CJ’s history hosting meetups * DenverScript [https://denverscript.com/] * Code Talent [https://www.code-talent.com/] * 06:35 How do you structure a meetup? * 09:50 How do you raise awareness for a meetup and get people to attend? * Meetup.com [https://meetup.com] * Guild [https://guild.host/] * 13:27 How to pay for a meetup * 15:22 How to get speakers at meetups * 16:50 The length of these talks * 17:03 Does live-streaming hurt attendance? * Syntax 806 - The King of Drag and Drop: Alex Reardon [https://syntax.fm/show/806/the-king-of-drag-and-drop-alex-reardon] * 19:32 Is there a vetting process for finding speakers? * Syntax 019 - How to Get Into Speaking at Conferences [https://syntax.fm/show/19/how-to-get-into-speaking-at-conferences] * 24:26 A meetup doesn’t have to be talks * Develop Happy Hour [https://www.meetup.com/develop-happy-hour/] * 27:48 What’s the worst part about hosting a meetup? * 29:37 What was your first meetup like? * 33:27 What’s the best meetup you’ve been to and why? * 37:10 How to be a good attendee * 40:45 Are meetups back? * 44:00 Tips for organizing a great meetup * 45:29 How to find a meetup * 47:37 Sick Picks & Shameless Plugs Sick Picks * CJ: Fillo’s Walking Tamales [https://www.fillos.com/pages/walking-tamales?srsltid=AfmBOopCEmXcB7Xp253yDJ7AOzE697ElhaB4HkigLdcXiXFdC9ITu-QB] Shameless Plugs * CJ: * DenverScript [https://denverscript.com/] * You Should Use Hono in your Next Project [https://youtu.be/sYZW8TK2IV4?si=zOYGQdH9NVXuboRb] Hit us up on Socials! Syntax: X [https://twitter.com/syntaxfm] Instagram [https://www.instagram.com/syntax_fm/] Tiktok [https://www.tiktok.com/@syntaxfm] LinkedIn [https://www.linkedin.com/company/96077407/admin/feed/posts/] Threads [https://www.threads.net/@syntax_fm] Wes: X [https://twitter.com/wesbos] Instagram [https://www.instagram.com/wesbos/] Tiktok [https://www.tiktok.com/@wesbos] LinkedIn [https://www.linkedin.com/in/wesbos/] Threads [https://www.threads.net/@wesbos] Scott: X [https://twitter.com/stolinski] Instagram [https://www.instagram.com/stolinski/] Tiktok [https://www.tiktok.com/@stolinski] LinkedIn [https://www.linkedin.com/in/stolinski/] Threads [https://www.threads.net/@stolinski] Randy: X [https://twitter.com/randyrektor] Instagram [https://www.instagram.com/randyrektor/] YouTube [https://www.youtube.com/@randyrektor] Threads [https://www.threads.net/@randyrektor]