Wes Bos & Scott Tolinski - Full Stack JavaScript Web Developers

Zpravodajství

Technologické zprávy

Technika

699: Potluck × TypeScript's Longevity × Canvas-Rendered Apps × Learning Rust × Executing Untrusted JS Code

Syntax - Tasty Web Development Treats

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.

In this potluck episode of Syntax, Wes and Scott answer your questions, including: Will TypeScript ever go away? Should I write canvas-rendered web apps? How can I execute untrusted JS code in node? How can I use continuous integration with WordPress? Any advice for learning Rust? <h3 class="code-line" data-line-start="2" data-line-end="3"><a id= "Show_Notes_2"></a>Show Notes</h3> <ul> <li class="has-line-data" data-line-start="4" data-line-end="5"> <a href="#t=00:09">00:09</a> Welcome</li> <li class="has-line-data" data-line-start="5" data-line-end="6"> <a href="#t=01:16">01:16</a> How to ask questions for potluck episodes</li> <li class="has-line-data" data-line-start="6" data-line-end="7"> <a href="https://syntax.fm/potluck">Ask a question for Syntax potluck episodes</a></li> <li class="has-line-data" data-line-start="7" data-line-end="8"> <a href="#t=02:19">02:19</a> Syntax Brought to you by Sentry</li> <li class="has-line-data" data-line-start="8" data-line-end="9"> <a href="#t=04:34">04:34</a> Will TypeScript ever go away?</li> <li class="has-line-data" data-line-start="9" data-line-end="10"> <a href="https://stripe.com/blog/migrating-to-typescript">Migrating millions of lines of code to TypeScript</a></li> <li class="has-line-data" data-line-start="10" data-line-end="11"> <a href="#t=08:12">08:12</a> What is your opinion on entirely canvas-rendered web apps, such as those built with Flutter?</li> <li class="has-line-data" data-line-start="11" data-line-end="12"> <a href="https://flutter.dev/multi-platform/web">Flutter on the Web</a></li> <li class="has-line-data" data-line-start="12" data-line-end="13"> <a href="https://gallery.flutter.dev/#/">Flutter Gallery</a></li> <li class="has-line-data" data-line-start="13" data-line-end="14"> <a href="https://html2canvas.hertzen.com/">html2canvas - Screenshots with JavaScript</a></li> <li class="has-line-data" data-line-start="14" data-line-end="15"> <a href="#t=13:43">13:43</a> Tailscale VPN is cool</li> <li class="has-line-data" data-line-start="15" data-line-end="16"> <a href="https://tailscale.com/">Tailscale · Best VPN Service for Secure Networks</a></li> <li class="has-line-data" data-line-start="16" data-line-end="17"> <a href="https://www.cloudflare.com/products/tunnel/">Tunnel | Zero Trust App Connector | Cloudflare</a></li> <li class="has-line-data" data-line-start="17" data-line-end="18"> <a href="#t=16:36">16:36</a> What is Bandcamp?</li> <li class="has-line-data" data-line-start="18" data-line-end="19"> <a href="https://bandcamp.com/">Bandcamp</a></li> <li class="has-line-data" data-line-start="19" data-line-end="20"> <a href="https://soundcloud.com/">Stream and listen to music online for free with SoundCloud</a></li> <li class="has-line-data" data-line-start="20" data-line-end="21"> <a href="#t=18:56">18:56</a> How can I execute untrusted JS code with node?</li> <li class="has-line-data" data-line-start="21" data-line-end="22"> <a href="https://webassembly.org/">WebAssembly</a></li> <li class="has-line-data" data-line-start="22" data-line-end="23"> <a href="https://workers.cloudflare.com/">Cloudflare Workers®</a></li> <li class="has-line-data" data-line-start="23" data-line-end="24"> <a href="https://deno.com/">Deno, The next-generation JavaScript runtime</a></li> <li class="has-line-data" data-line-start="24" data-line-end="25"> <a href="https://www.fastly.com/">Fastly</a></li> <li class="has-line-data" data-line-start="25" data-line-end="26"> <a href="#t=23:46">23:46</a> I’d love to get your thoughts on modern devops and continuous integration for building out WordPress websites.</li> <li class="has-line-data" data-line-start="26" data-line-end="27"> <a href= "https://syntax.fm/show/598/supper-club-fabian-kaegy-modern-wordpress-blocks-page-builders-headless-custom-fields"> Supper Club × Fabian Kägy - Modern WordPress - Blocks, Page builders, Headless, Custom Fields</a></li> <li class="has-line-data" data-line-start="27" data-line-end="28"> <a href="https://vitejs.dev/">Vite | Next Generation Frontend Tooling</a></li> <li class="has-line-data" data-line-start="28" data-line-end="29"> <a href="https://alpinejs.dev/">Alpine.js</a></li> <li class="has-line-data" data-line-start="29" data-line-end="30"> <a href="#t=30:39">30:39</a> How do I orchestrate color adapting icons for use inline and in background images?</li> <li class="has-line-data" data-line-start="30" data-line-end="31"> <a href="https://svg.wesbos.com/">svg.wesbos.com</a></li> <li class="has-line-data" data-line-start="31" data-line-end="32"> <a href= "https://svg.wesbos.com/cat.svg">svg.wesbos.com/cat.svg</a></li> <li class="has-line-data" data-line-start="32" data-line-end="33"> <a href="#t=35:53">35:53</a> Are there any publicly available libraries for web components?</li> <li class="has-line-data" data-line-start="33" data-line-end="34"> <a href="https://shoelace.style/">Shoelace: A forward-thinking library of web components.</a></li> <li class="has-line-data" data-line-start="34" data-line-end="35"> <a href="https://open-ui.org/">Open UI</a></li> <li class="has-line-data" data-line-start="35" data-line-end="36"> <a href="#t=40:20">40:20</a> What’s a good project idea for learning Rust?</li> <li class="has-line-data" data-line-start="36" data-line-end="37"> <a href="https://tauri.app/">Tauri Apps</a></li> <li class="has-line-data" data-line-start="37" data-line-end="38"> <a href="#t=45:17">45:17</a> Do you ever plan to do more podcasts with Scott’s wife or another psychologist / psychiatrist?</li> <li class="has-line-data" data-line-start="38" data-line-end="39"> <a href="#t=47:02">47:02</a> Have you tried MongoDB vector search for AI embeddings?</li> <li class="has-line-data" data-line-start="39" data-line-end="40"> <a href= "https://www.mongodb.com/products/platform/atlas-vector-search?adgroup=155168612071&cq_cmp=20445624173&gad_source=1"> Atlas Vector Search | MongoDB</a></li> <li class="has-line-data" data-line-start="40" data-line-end="41"> <a href="https://www.pinecone.io/">Vector Database for Vector Search | Pinecone</a></li> <li class="has-line-data" data-line-start="41" data-line-end="42"> <a href="https://xata.io/">Xata</a></li> <li class="has-line-data" data-line-start="42" data-line-end="43"> <a href="#t=49:44">49:44</a> Syntax highlighting in VS Code</li> <li class="has-line-data" data-line-start="43" data-line-end="44"> <a href= "https://marketplace.visualstudio.com/items?itemName=bierner.comment-tagged-templates"> Comment tagged templates - Visual Studio Marketplace</a></li> <li class="has-line-data" data-line-start="44" data-line-end="46"> <a href="#t=52:38">52:38</a> Sick Picks</li> </ul> <h3 class="code-line" data-line-start="46" data-line-end="47"> <a id="Sick_Picks_46"></a>Sick Picks</h3> <ul> <li class="has-line-data" data-line-start="48" data-line-end="49"> Scott: <a href="https://www.imdb.com/title/tt29274601/">The Spider-Man of Paris (2023) - IMDb</a></li> <li class="has-line-data" data-line-start="49" data-line-end="51"> Wes: <a href= "https://www.amazon.ca/s?k=instant+read+digital+thermometer&crid=T962EXWZQL5C&sprefix=instant+read+digital+,aps,125"> Amazon.ca : instant read digital thermometer</a></li> </ul> <h3 class="code-line" data-line-start="51" data-line-end="52"> <a id="Shameless_Plugs_51"></a>Shameless Plugs</h3> <ul> <li class="has-line-data" data-line-start="53" data-line-end="54"> Scott: <a href="https://sentry.io">Sentry</a></li> <li class="has-line-data" data-line-start="54" data-line-end="56"> Wes: <a href="https://wesbos.com/courses">Wes Bos Courses</a></li> </ul> <h3 class="code-line" data-line-start="56" data-line-end="57"> <a id="Hit_us_up_on_Socials_56"></a>Hit us up on Socials!</h3> Syntax: <a href="https://twitter.com/syntaxfm">X</a> <a href= "https://www.instagram.com/syntax_fm/">Instagram</a> <a href= "https://www.tiktok.com/@syntaxfm">Tiktok</a> <a href= "https://www.linkedin.com/company/96077407/admin/feed/posts/">LinkedIn</a> <a href="https://www.threads.net/@syntax_fm">Threads</a> Wes: <a href="https://twitter.com/wesbos">X</a> <a href= "https://www.instagram.com/wesbos/">Instagram</a> <a href= "https://www.tiktok.com/@wesbos">Tiktok</a> <a href= "https://www.linkedin.com/in/wesbos/">LinkedIn</a> <a href= "https://www.threads.net/@wesbos">Threads</a> Scott: <a href="https://twitter.com/stolinski">X</a> <a href= "https://www.instagram.com/stolinski/">Instagram</a> <a href= "https://www.tiktok.com/@stolinski">Tiktok</a> <a href= "https://www.linkedin.com/in/stolinski/">LinkedIn</a> <a href= "https://www.threads.net/@stolinski">Threads</a>

In this potluck episode of Syntax, Wes and Scott answer your questions, including: Will TypeScript ever go away? Should I write canvas-rendered web apps? How can I execute untrusted JS code in node? How can I use continuous integration with WordPress? Any advice for learning Rust?
 Show Notes  00:09 Welcome
 01:16 How to ask questions for potluck episodes
 Ask a question for Syntax potluck episodes

 02:19 Syntax Brought to you by Sentry
 04:34 Will TypeScript ever go away?
 Migrating millions of lines of code to TypeScript

 08:12 What is your opinion on entirely canvas-rendered web apps, such as those built with Flutter?
 Flutter on the Web

 Flutter Gallery

 html2canvas - Screenshots with JavaScript

 13:43 Tailscale VPN is cool
 Tailscale · Best VPN Service for Secure Networks

 Tunnel | Zero Trust App Connector | Cloudflare

 16:36 What is Bandcamp?
 Bandcamp

 Stream and listen to music online for free with SoundCloud

 18:56 How can I execute untrusted JS code with node?
 WebAssembly

 Cloudflare Workers®

 Deno, The next-generation JavaScript runtime

 Fastly

 23:46 I’d love to get your thoughts on modern devops and continuous integration for building out WordPress websites.
  Supper Club × Fabian Kägy - Modern WordPress - Blocks, Page builders, Headless, Custom Fields

 Vite | Next Generation Frontend Tooling

 Alpine.js

 30:39 How do I orchestrate color adapting icons for use inline and in background images?
 svg.wesbos.com

 svg.wesbos.com/cat.svg

 35:53 Are there any publicly available libraries for web components?
 Shoelace: A forward-thinking library of web components.

 Open UI

 40:20 What’s a good project idea for learning Rust?
 Tauri Apps

 45:17 Do you ever plan to do more podcasts with Scott’s wife or another psychologist / psychiatrist?
 47:02 Have you tried MongoDB vector search for AI embeddings?
  Atlas Vector Search | MongoDB

 Vector Database for Vector Search | Pinecone

 Xata

 49:44 Syntax highlighting in VS Code
  Comment tagged templates - Visual Studio Marketplace

 52:38 Sick Picks
  Sick Picks  Scott: The Spider-Man of Paris (2023) - IMDb

 Wes: Amazon.ca : instant read digital thermometer

  Shameless Plugs  Scott: Sentry

 Wes: Wes Bos Courses

  Hit us up on Socials! Syntax: X Instagram Tiktok LinkedIn Threads
 Wes: X Instagram Tiktok LinkedIn Threads
 Scott: X Instagram Tiktok LinkedIn Threads

Aplikace Youradio Talk

699: Potluck × TypeScript's Longevity × Canvas-Rendered Apps × Learning Rust × Executing Untrusted JS Code

Poslechněte si podcast