Wes Bos & Scott Tolinski - Full Stack JavaScript Web Developers

Zpravodajství

Technologické zprávy

Technika

687: Hosting NextJS × Spicy Sidedishes × Modern Forms × Abandoning TypeScript

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.

<p class="has-line-data" data-line-start="0" data-line-end="1">In this potluck episode of Syntax, Wes and Scott answer your questions about hosting NextJS, spicy sidedishes, putting forms in modern websites, why is everyone abandoning TypeScript, CSS Survey follow up, do devs need to be into CSS, and more!</p> <h2 class="code-line" data-line-start="2" data-line-end="3"><a id= "Show_Notes_2"></a>Show Notes</h2> <ul> <li class="has-line-data" data-line-start="4" data-line-end="5"> <strong><a href="#t=00:10">00:10</a></strong> How to submit a question to Syntax</li> <li class="has-line-data" data-line-start="5" data-line-end="6"> <a href= "https://docs.google.com/forms/d/e/1FAIpQLSfQlAo1wXHiJMySdU-h8QMtfoz92aMS9eycEHXB6eRCLh8KHA/viewform?pli=1"> Syntax Potluck Listener Questions</a></li> <li class="has-line-data" data-line-start="6" data-line-end="7"> <strong><a href="#t=00:45">00:45</a></strong> Syntax meet up in Toronto</li> <li class="has-line-data" data-line-start="7" data-line-end="8"> <strong><a href="#t=02:11">02:11</a></strong> Syntax Brought to you by Sentry</li> <li class="has-line-data" data-line-start="8" data-line-end="9"> <strong><a href="#t=02:36">02:36</a></strong> Vendor lock in with NextJS?</li> <li class="has-line-data" data-line-start="9" data-line-end="10"> <a href="https://nextjs.org/">Next.js by Vercel</a></li> <li class="has-line-data" data-line-start="10" data-line-end="11"> <a href="https://vercel.com/">Vercel</a></li> <li class="has-line-data" data-line-start="11" data-line-end="12"> <a href="https://sst.dev/">SST</a></li> <li class="has-line-data" data-line-start="12" data-line-end="13"> <a href= "https://syntax.fm/show/589/supper-club-next-js-on-aws-serverless-with-dax-raad"> Supper Club × Next.js on AWS + Serverless with Dax Raad — Syntax Podcast 589</a></li> <li class="has-line-data" data-line-start="13" data-line-end="14"> <a href="https://pages.cloudflare.com/">Cloudflare Pages</a></li> <li class="has-line-data" data-line-start="14" data-line-end="15"> <a href="https://www.netlify.com/">Netlify</a></li> <li class="has-line-data" data-line-start="15" data-line-end="16"> <a href="https://github.com/sst/open-next">Open source Next.js serverless adapter</a></li> <li class="has-line-data" data-line-start="16" data-line-end="17"> <strong><a href="#t=09:48">09:48</a></strong> 🌶️ Spicy Sidedish: Stop calling Firefox the new IE</li> <li class="has-line-data" data-line-start="17" data-line-end="18"> <a href="https://jensimmons.com/">Jen Simmons</a></li> <li class="has-line-data" data-line-start="18" data-line-end="19"> <strong><a href="#t=16:40">16:40</a></strong> Can you compare Database as a service and provide your recommendation and suggestions?</li> <li class="has-line-data" data-line-start="19" data-line-end="20"> <a href= "https://syntax.fm/show/551/serverless-databases">“Serverless” Databases — Syntax Podcast 551</a></li> <li class="has-line-data" data-line-start="20" data-line-end="21"> <a href="https://planetscale.com/">PlanetScale</a></li> <li class="has-line-data" data-line-start="21" data-line-end="22"> <a href="https://firebase.google.com/">Firebase</a></li> <li class="has-line-data" data-line-start="22" data-line-end="23"> <strong><a href="#t=20:00">20:00</a></strong> How do I do native forms outside of CMS like WordPress?</li> <li class="has-line-data" data-line-start="23" data-line-end="24"> <a href="https://www.builder.io/">Builder.io</a></li> <li class="has-line-data" data-line-start="24" data-line-end="25"> <strong><a href="#t=28:01">28:01</a></strong> Why have Svelte and Turbo abandoned Typescript?</li> <li class="has-line-data" data-line-start="25" data-line-end="26"> <strong><a href="#t=32:17">32:17</a></strong> Why are companies hesitant to migrate to Next?</li> <li class="has-line-data" data-line-start="26" data-line-end="27"> <strong><a href="#t=33:36">33:36</a></strong> Is React Native dead?</li> <li class="has-line-data" data-line-start="27" data-line-end="28"> <strong><a href="#t=38:33">38:33</a></strong> Do I use the keyword “new” when throwing an Error or not?</li> <li class="has-line-data" data-line-start="28" data-line-end="29"> <strong><a href="#t=41:59">41:59</a></strong> <code>touch-action</code> use case</li> <li class="has-line-data" data-line-start="29" data-line-end="30"> <a href= "https://joshcollinsworth.com/blog/announcing-quina-my-first-app">Announcing Quina</a></li> <li class="has-line-data" data-line-start="30" data-line-end="31"> <a href="https://quina.app/">Quina - Menu</a></li> <li class="has-line-data" data-line-start="31" data-line-end="32"> <a href= "https://joshcollinsworth.com/blog/announcing-hondo">Announcing Hondo</a></li> <li class="has-line-data" data-line-start="32" data-line-end="33"> <a href="https://www.playhondo.com/">Hondo - a word game in 100 words or less</a></li> <li class="has-line-data" data-line-start="33" data-line-end="34"> <strong><a href="#t=42:57">42:57</a></strong> Subgrid and the :has selector usage</li> <li class="has-line-data" data-line-start="34" data-line-end="35"> <strong><a href="#t=46:02">46:02</a></strong> Is it okay to be a front end developer and not be as interested in CSS?</li> <li class="has-line-data" data-line-start="35" data-line-end="36"> <a href= "https://en.wikipedia.org/wiki/Tool_Academy_(American_TV_series)">Tool Academy (American TV series)</a></li> <li class="has-line-data" data-line-start="36" data-line-end="37"> <strong><a href="#t=51:12">51:12</a></strong> Could you explain what are workers, processes, jobs, tasks, and deamons?</li> <li class="has-line-data" data-line-start="37" data-line-end="39"> <strong><a href="#t=56:29">56:29</a></strong> SIIIIICK ××× PIIIICKS ×××</li> </ul> <h2 class="code-line" data-line-start="39" data-line-end="40"> <a id="_SIIIIICK__PIIIICKS__39"></a>××× SIIIIICK ××× PIIIICKS ×××</h2> <ul> <li class="has-line-data" data-line-start="41" data-line-end="42"> Scott: <a href= "https://wondery.com/shows/infamous-international-the-pink-panthers-story/#:~:text=The%20Pink%20Panthers%20are%20the,but%20net%20millions."> Infamous International: The Pink Panthers Story</a></li> <li class="has-line-data" data-line-start="42" data-line-end="43"> Wes: <a href="https://powerblock.com/">PowerBlock Adjustable Dumbbells For Home Gym & Commercial Use</a></li> <li class="has-line-data" data-line-start="43" data-line-end="45"> <a href= "https://beta.syntax.fm/shows/3/css-preprocessors-and-structuring-css"> Syntax episode 3</a></li> </ul> <h2 class="code-line" data-line-start="45" data-line-end="46"> <a id="Shameless_Plugs_45"></a>Shameless Plugs</h2> <ul> <li class="has-line-data" data-line-start="47" data-line-end="48"> Scott: <a href="https://www.tiktok.com/@syntaxfm">Syntax on TikTok</a></li> <li class="has-line-data" data-line-start="48" data-line-end="50"> Wes: <a href="https://wesbos.com/courses">Wes Bos Tutorials</a></li> </ul> <h2 class="code-line" data-line-start="50" data-line-end="51"> <a id="Tweet_us_your_tasty_treats_50"></a>Tweet us your tasty treats</h2> <ul> <li class="has-line-data" data-line-start="52" data-line-end="53"> <a href="https://www.instagram.com/stolinski/">Scott’s Instagram</a></li> <li class="has-line-data" data-line-start="53" data-line-end="54"> <a href= "https://www.instagram.com/LevelUpTutorials/">LevelUpTutorials Instagram</a></li> <li class="has-line-data" data-line-start="54" data-line-end="55"> <a href="https://www.instagram.com/wesbos/">Wes’ Instagram</a></li> <li class="has-line-data" data-line-start="55" data-line-end="56"> <a href="https://twitter.com/wesbos">Wes’ Twitter</a></li> <li class="has-line-data" data-line-start="56" data-line-end="57"> <a href="https://www.facebook.com/wesbos.developer">Wes’ Facebook</a></li> <li class="has-line-data" data-line-start="57" data-line-end="58"> <a href="https://twitter.com/stolinski">Scott’s Twitter</a></li> <li class="has-line-data" data-line-start="58" data-line-end="59"> Make sure to include <a href= "https://twitter.com/SyntaxFM">@SyntaxFM</a> in your tweets</li> <li class="has-line-data" data-line-start="59" data-line-end="60"> <a href="https://bsky.app/profile/wesbos.com">Wes Bos on Bluesky</a></li> <li class="has-line-data" data-line-start="60" data-line-end="61"> <a href="https://bsky.app/profile/tolin.ski">Scott on Bluesky</a></li> <li class="has-line-data" data-line-start="61" data-line-end="62"> <a href="https://bsky.app/profile/syntax.fm">Syntax on Bluesky</a></li> </ul>

In this potluck episode of Syntax, Wes and Scott answer your questions about hosting NextJS, spicy sidedishes, putting forms in modern websites, why is everyone abandoning TypeScript, CSS Survey follow up, do devs need to be into CSS, and more!
 Show Notes  00:10 How to submit a question to Syntax
  Syntax Potluck Listener Questions

 00:45 Syntax meet up in Toronto
 02:11 Syntax Brought to you by Sentry
 02:36 Vendor lock in with NextJS?
 Next.js by Vercel

 Vercel

 SST

  Supper Club × Next.js on AWS + Serverless with Dax Raad — Syntax Podcast 589

 Cloudflare Pages

 Netlify

 Open source Next.js serverless adapter

 09:48 🌶️ Spicy Sidedish: Stop calling Firefox the new IE
 Jen Simmons

 16:40 Can you compare Database as a service and provide your recommendation and suggestions?
 “Serverless” Databases — Syntax Podcast 551

 PlanetScale

 Firebase

 20:00 How do I do native forms outside of CMS like WordPress?
 Builder.io

 28:01 Why have Svelte and Turbo abandoned Typescript?
 32:17 Why are companies hesitant to migrate to Next?
 33:36 Is React Native dead?
 38:33 Do I use the keyword “new” when throwing an Error or not?
 41:59 touch-action use case
 Announcing Quina

 Quina - Menu

 Announcing Hondo

 Hondo - a word game in 100 words or less

 42:57 Subgrid and the :has selector usage
 46:02 Is it okay to be a front end developer and not be as interested in CSS?
 Tool Academy (American TV series)

 51:12 Could you explain what are workers, processes, jobs, tasks, and deamons?
 56:29 SIIIIICK ××× PIIIICKS ×××
  ××× SIIIIICK ××× PIIIICKS ×××  Scott: Infamous International: The Pink Panthers Story

 Wes: PowerBlock Adjustable Dumbbells For Home Gym & Commercial Use

  Syntax episode 3

  Shameless Plugs  Scott: Syntax on TikTok

 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

Aplikace Youradio Talk

687: Hosting NextJS × Spicy Sidedishes × Modern Forms × Abandoning TypeScript

Poslechněte si podcast