Wes Bos & Scott Tolinski - Full Stack JavaScript Web Developers

Zpravodajství

Technologické zprávy

Technika

693: Lessons Learned & Bugs Fixed from Launching Syntax.fm

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 episode of Syntax, Wes and Scott talk about the lessons they learned while launching the new Syntax website including launching now, transcription bugs, error monitoring, black text on black backgrounds, and more. <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="0" data-line-end="1"> <a href="#t=00:10">00:10</a> Welcome to Syntax</li> <li class="has-line-data" data-line-start="1" data-line-end="2"> <a href="#t=01:41">01:41</a> Syntax Brought to you by Sentry</li> <li class="has-line-data" data-line-start="2" data-line-end="3"> <a href="#t=02:43">02:43</a> Don’t wait. Launch!</li> <li class="has-line-data" data-line-start="3" data-line-end="4"> <a href="#t=04:28">04:28</a> Transcript bug</li> <li class="has-line-data" data-line-start="4" data-line-end="5"> <a href="https://deepgram.com/">Most Powerful Speech-to-Text API | Deepgram</a></li> <li class="has-line-data" data-line-start="5" data-line-end="6"> <a href="#t=09:01">09:01</a> Error monitoring is a must</li> <li class="has-line-data" data-line-start="6" data-line-end="7"> <a href="#t=12:36">12:36</a> Timestamp error</li> <li class="has-line-data" data-line-start="7" data-line-end="8"> <a href="#t=16:20">16:20</a> Black text on black background might hide things</li> <li class="has-line-data" data-line-start="8" data-line-end="9"> <a href="#t=17:33">17:33</a> WASM Vercel file system</li> <li class="has-line-data" data-line-start="9" data-line-end="10"> <a href="#t=21:18">21:18</a> Things have gotten easier to launch</li> <li class="has-line-data" data-line-start="10" data-line-end="11"> <a href="https://planetscale.com/">PlanetScale: The world’s most advanced database platform — PlanetScale</a></li> <li class="has-line-data" data-line-start="11" data-line-end="12"> <a href="#t=23:36">23:36</a> Switching from OpenAI to Anthropic Claude and AI Responses aren’t always JSON</li> <li class="has-line-data" data-line-start="12" data-line-end="13"> <a href="#t=25:34">25:34</a> Local dev is fast</li> <li class="has-line-data" data-line-start="13" data-line-end="14"> <a href= "https://developer.mozilla.org/en-US/docs/Web/API/Navigation_API">Navigation API</a></li> <li class="has-line-data" data-line-start="14" data-line-end="15"> <a href="#t=31:37">31:37</a> Mind your payloads</li> <li class="has-line-data" data-line-start="15" data-line-end="16"> <a href="#t=32:41">32:41</a> GitHub Milestones</li> <li class="has-line-data" data-line-start="16" data-line-end="17"> <a href="#t=33:57">33:57</a> Almost forgot the Robots.txt</li> <li class="has-line-data" data-line-start="17" data-line-end="18"> <a href="#t=36:17">36:17</a> Chron job timeout</li> <li class="has-line-data" data-line-start="18" data-line-end="19"> <a href="https://www.inngest.com/">Inngest</a></li> <li class="has-line-data" data-line-start="19" data-line-end="20"> <a href="#t=40:06">40:06</a> TypeScript errors don’t need to be zero to launch</li> <li class="has-line-data" data-line-start="20" data-line-end="21"> <a href="#t=42:25">42:25</a> GitHub Actions pipeline bug</li> <li class="has-line-data" data-line-start="21" data-line-end="22"> <a href="#t=43:23">43:23</a> Basic testing will do</li> <li class="has-line-data" data-line-start="22" data-line-end="23"> <a href="https://playwright.dev/">Playwright</a></li> <li class="has-line-data" data-line-start="23" data-line-end="24"> <a href="#t=44:56">44:56</a> Have a designer to work with</li> <li class="has-line-data" data-line-start="24" data-line-end="25"> <a href="https://www.airbase.com/">Airbase</a></li> <li class="has-line-data" data-line-start="25" data-line-end="26"> <a href="#t=52:07">52:07</a> Sick Picks</li> </ul> <h3 class="code-line" data-line-start="25" data-line-end="26"> <a id="Sick_Picks_25"></a>Sick Picks</h3> <ul> <li class="has-line-data" data-line-start="27" data-line-end="28"> Scott: <a href="https://amzn.to/3SbPS9e">Dog Poop Bags With Dispenser</a></li> <li class="has-line-data" data-line-start="28" data-line-end="30"> Wes: Resistance band</li> </ul> <h3 class="code-line" data-line-start="30" data-line-end="31"> <a id="Shameless_Plugs_30"></a>Shameless Plugs</h3> <ul> <li class="has-line-data" data-line-start="32" data-line-end="33"> Scott: <a href="https://sentry.io">Sentry</a></li> <li class="has-line-data" data-line-start="33" data-line-end="35"> Wes: <a href="https://wesbos.com/courses">Wes Bos Courses</a></li> </ul> <h3 class="code-line" data-line-start="35" data-line-end="36"> <a id="Hit_us_up_on_Socials_35"></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 episode of Syntax, Wes and Scott talk about the lessons they learned while launching the new Syntax website including launching now, transcription bugs, error monitoring, black text on black backgrounds, and more.
 Show Notes  00:10 Welcome to Syntax
 01:41 Syntax Brought to you by Sentry
 02:43 Don’t wait. Launch!
 04:28 Transcript bug
 Most Powerful Speech-to-Text API | Deepgram

 09:01 Error monitoring is a must
 12:36 Timestamp error
 16:20 Black text on black background might hide things
 17:33 WASM Vercel file system
 21:18 Things have gotten easier to launch
 PlanetScale: The world’s most advanced database platform — PlanetScale

 23:36 Switching from OpenAI to Anthropic Claude and AI Responses aren’t always JSON
 25:34 Local dev is fast
 Navigation API

 31:37 Mind your payloads
 32:41 GitHub Milestones
 33:57 Almost forgot the Robots.txt
 36:17 Chron job timeout
 Inngest

 40:06 TypeScript errors don’t need to be zero to launch
 42:25 GitHub Actions pipeline bug
 43:23 Basic testing will do
 Playwright

 44:56 Have a designer to work with
 Airbase

 52:07 Sick Picks
  Sick Picks  Scott: Dog Poop Bags With Dispenser

 Wes: Resistance band
  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

693: Lessons Learned & Bugs Fixed from Launching Syntax.fm

Poslechněte si podcast