920: How to Build MCP Servers

In this potluck episode of Syntax, Wes and Scott answer your questions about rate-limiting an API, using Wasp, Enums in TypeScript, styling React projects, using Edge functions, and more. Show Notes 00:11 Welcome 01:53 Connecting at conferences JSNation – the main JavaScript conference of 2023 RenderATL 2023 | May 31 - June 2, 2023. | 80+ Speakers 04:10 What technique do you use for consuming a rate-limited API? 07:58 Is Wasp-lang.dev ticking all the boxes for an awesome full-stack JavaScript framework? Wasp 14:36 How do you guys feel about skeleton UIs? Skeleton | Open UI 19:10 How can i forward my http only auth cookies to my backend API? 22:28 What’s your opinion on using Enums in TypeScript? 29:46 How much off the clock time away from coding related activities do you have in a typical week? 37:10 What’s the best approach for styling React projects? 42:49 Donut scoping Scope donuts | Stubbornella 45:21 How do I add user registration and content uploading features to a website? Next.js by Vercel - The React Framework Laravel - The PHP Framework For Web Artisans Image and Video Upload, Storage, Optimization and CDN RedwoodJS: The App Framework for Startups | RedwoodJS.com SvelteKit • Web development, streamlined Learn Node — The best way to learn Node.js, Express, MongoDB, and Friends AdonisJS - A fully featured web framework for Node.js 53:25 Do you see any benefits in using edge functions if your audience is local? 59:20 SIIIIICK ××× PIIIICKS ××× ××× SIIIIICK ××× PIIIICKS ××× Scott: * BOJACK 37 Values 480 Pcs Electronics Component Fun Kit with Power Supply Module, Jumper Wire,Precision Potentiometer,830 tie-Points Breadboard Compatible with STM32,Raspberry Pi,Arduino : Electronics Wes: * Local and regional eSIMs for travellers - Airalo Shameless Plugs Scott: Sentry Wes: Wes Bos Tutorials Tweet us your tasty treats Scott’s Instagram LevelUpTutorials Instagram Wes’ Instagram Wes’ Twitter Wes’ Facebook Scott’s Twitter Make sure to include @SyntaxFM in your tweets Wes Bos on Bluesky Scott on Bluesky Syntax on Bluesky

21 Jun 20231h 7min

In this Hasty Treat, Scott and Wes talk about AsyncLocalStorage, why more frameworks aren’t using it yet, some examples, as well as some footguns. Show Notes 00:22 Welcome 01:44 What is AsyncLocalStorage? 03:14 What is context? 07:49 Why aren’t more frameworks using AsyncLocalStorage for context for middleware? 10:16 Examples of usage 14:20 Footguns 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

19 Jun 202317min

In this supper club episode of Syntax, Wes and Scott talk with Nick Hehr about the fun ways to get started with micro controllers, writing JavaScript for hardware, and ideas for projects to build involving hardware and software. Show Notes 00:36 Welcome to Syntax 01:04 Introducing Nick Hehr Nick Hehr (@hipsterbrown) HipsterBrown (@hipsterbrown@toot.cafe) - Toot Café HipsterBrown HipsterBrown (Nick Hehr) Nick Hehr on CodePen 03:58 Running JavaScript on microcontrollers 06:20 What was your first project that got you into this? 12:12 Is the ESP32 the most popular controller? 14:12 Where do you buy hardware? Arduino - Home Adafruit Industries, Unique & fun DIY electronics and kits AliExpress - Online Shopping for Popular Electronics, Fashion, Home & Garden, Toys & Sports, Automobiles and More products - AliExpress SparkFun Electronics Introduction 🚀 xs-dev Documentation Welcome to Robo Wizard | Robo Wizard 16:52 What are people building with boards? 18:30 What does the JavaScript look like? 22:16 Can you make a Fetch request? 25:45 What about Arduino? 31:54 What’s a good starter project? Johnny-Five: The JavaScript Robotics & IoT Platform meganetaaan/stack-chan: A JavaScript-driven M5Stack-embedded super-kawaii robot. TC53 - Ecma International dtex/j5e: Framework for embedded devices using ECMA-419, the ECMAScript® embedded systems API specification, based on Johnny-Five’s API HipsterBrown/on-air-light: An offline-first IoT on-air light for video meetings, using ESP32 & JS ESPHome — ESPHome Being in the video game with Augmented Climbing | The Kid Should See This 36:03 Emulation and debugging 39:13 What else have you made? 44:31 ESP Home 54:35 SIIIIICK ××× PIIIICKS ××× 00:32 Shameless Plugs ××× SIIIIICK ××× PIIIICKS ××× The Opus Intro Kit – Fellow jdxcode/rtx: Runtime Executor (asdf rust clone) Code: The Hidden Language of Computer Hardware and Software: Petzold, Charles: 9780137909100: Books - Amazon.ca Shameless Plugs Introduction 🚀 xs-dev Documentation 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

16 Jun 20231h 4min

In this episode of Syntax, Wes and Scott talk through an introduction to electronics that you can do in your own home with microcontrollers. Show Notes 00:08 Welcome 00:52 What we’re talking about Arduino - Home ESP32 – The best products with free shipping | only on AliExpress 02:15 Airtag Sidebar 04:05 Projects We’ve Worked On 06:34 How do you run software on the microcontroller 08:50 Microcontrollers are extendable 12:05 Fixing a dryer 14:06 Sprinkler system 15:48 Microcontrollers 20:28 AC and DC Voltage 25:45 Amperage and watts 28:19 Extension cords ideally would have fuses 31:18 What’s the risk of not having enough power? 32:09 GPIO 35:45 Resistance How Resistors Work - Unravel the Mysteries of How Resistors Work! 41:12 Capacitors 42:02 Sensors 5/1pcs HLK LD2410C 24G mmWave FMCW Millimeter Wave 5M Human Presence Status Radar Sensor Motion Detection Modul High Sensitivity 46:47 Relays 48:33 Coding microcontrollers Web Serial API ESPHome — ESPHome Johnny-Five: The JavaScript Robotics & IoT Platform Espruino - JavaScript for Microcontrollers Introduction - The Rust on ESP Book Welcome to Quick.js! - quick.js 52:32 A note on Soldering 53:12 Projects for kids 54:31 SIIIIICK ××× PIIIICKS ××× ××× SIIIIICK ××× PIIIICKS ××× Scott: Razor blade Wes: ESP32 – The best products with free shipping | only on AliExpress Shameless Plugs Scott: Syntax Discord Wes: Wes’ Instagram 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

14 Jun 202358min

In this Hasty Treat, Scott and Wes talk about some of the GitHub features you may not have used very much including projects, milestones, labels, and actions. Show Notes 00:26 Welcome 01:53 That’s sick 04:05 What we’ve used in the past Trello Jira | Issue & Project Tracking Software | Atlassian 06:13 Working with Github Projects About Projects 11:57 Milestones About milestones 14:35 GitHub Labels Managing labels 19:51 GitHub Actions Features • GitHub Actions Level Up Tutorials - Learn modern web development 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

12 Jun 202324min

In this episode of Syntax, Wes and Scott use the fact that Svelte is being converted from TypeScript to JavaScript with JSDoc to talk about the benefits of working that way, why they are doing it, and what you can do with JSDoc that TypeScript alone doesn’t let you do. Show Notes 00:10 Welcome 01:12 Roof update 02:15 TypeScript haters need not apply 03:17 What is JSDoc? 04:27 What is our history with JSDoc? 06:37 Why is Svelte moving to JSDoc? 08:11 Why is JSDoc better than TypeScript? 12:31 You can type things you can’t in TypeScript 16:37 Param, Function and returns Descriptions 21:32 Spoiler - it’s still TypeScript 33:23 SIIIIICK ××× PIIIICKS ××× Get Started With TypeScript the Easy Way TypeScript without TypeScript – JSDoc superpowers TypeScript: Documentation - JSDoc Reference Dev Vlog: April 2023 - TypeScript vs JSDoc, Transitions API, Dominic Gannaway joins Svelte team Svelte repo is finally being converted from Typescript to Javascript with JSDoc If you are on a JS project and are missing the TypeScript hinting in your editor, you can still type your code with JSDoc syntax comments and VS Code will detect and use it! Sprinkle in a little JSDoc on top of your TypeScript when needed - helpful to adding descriptions to returned values, or marking things as deprecated TypeScript to JSDoc ××× SIIIIICK ××× PIIIICKS ××× Scott: Watch MerPeople | Netflix Official Site Wes: 18V ONE+ 45W HYBRID SOLDERING STATION (TOOL ONLY) | RYOBI Tools Shameless Plugs Scott: Sentry Wes: Wes Bos Tutorials Tweet us your tasty treats Scott’s Instagram LevelUpTutorials Instagram Wes’ Instagram Wes’ Twitter Wes’ Facebook Scott’s Twitter Make sure to include @SyntaxFM in your tweets Wes Bos on Bluesky Scott on Bluesky Syntax on Bluesky

7 Jun 202343min

In this Hasty Treat, Scott and Wes talk about all the nothing in CSS: 0 vs 0px, no, none, hidden, initial and unset. Show Notes 00:22 Welcome 01:50 The @ property 03:33 Hiding Things 10:07 Ghost Spaces 17:47 Collapsing margins 18:33 0 units vs 0 23:42 Unset and initial 27:42 HTML Bonus 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

5 Jun 202334min

In this supper club episode of Syntax, Wes and Scott talk with Matt Rothenberg and Idan Gazit from GitHub about GitHub Next, Copilot, AI based projects at Github, and what the future is for developers with AI. Show Notes 00:38 Welcome 01:23 Who are Matt and Idan? Matt Rothenberg @mattrothenberg Matt Rothenberg on CodePen Matt Rothenberg on GitHub) Idan Gazit @idangazit Idan Gazit vis.social Idan Gazit on GitHub 02:22 What’s the history of GitHub Next? GitHub Copilot · Your AI pair programmer ChatGPT | OpenAI 05:18 How do you come up with new ideas? 06:37 Did GitHub Copilot blow up fast? 13:18 Do we need powerful models for all situations? 16:40 How does Copilot know my codebase? Inside GitHub: Working with the LLMs behind GitHub Copilot | The GitHub Blog 21:34 What’s Copilot X? Introducing GitHub Copilot X 24:57 What is it like to have a hit like Copilot? 31:27 What is the future for developers due to AI? 35:11 What other AI based projects are you working on? 42:10 Are there any flops from GitHub Next? 46:59 How do you think about Code Brushes? GitHub Next | Code Brushes 48:46 Supper Club questions Breeze | Afternoon Labs Introduction - The Rust on ESP Book Recursive Sans & Mono Bearded Theme - Visual Studio Marketplace Zed - Code at the speed of thought Warp: The terminal for the 21st century 59:16 SIIIIICK ××× PIIIICKS ××× Shameless Plugs GitHub Next githubnext/githubnext: A public point of contact for GitHub Next Ariakit - Toolkit for building accessible UIs Liveblocks | Collaborative experiences in days, not months 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

2 Jun 20231h 4min