Wes Bos & Scott Tolinski - Full Stack JavaScrip...

Zpravodajství

Technologické zprávy

Technika

719: Fullstack TypeScript Apps with No Build Step?! with Brian LeRoux

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.

Wes and Scott talk with Brian LeRoux about not using a bundler, handling TypeScript, live reloading, Enhance being a meta framework, how Enhance handles CSS, his experience at AWS: Reinvent, and the state of JavaScript run times in 2024. <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:31">00:31</a> Welcome </li> <li class="has-line-data" data-line-start="5" data-line-end="6"> <a href="#t=01:00">01:00</a> Introducing Brian Leroux </li> <li class="has-line-data" data-line-start="6" data-line-end="7"> <a href="#t=01:32">01:32</a> Syntax Brought to you by Sentry </li> <li class="has-line-data" data-line-start="7" data-line-end="8"> <a href="#t=01:54">01:54</a> You can’t fix bugs you can’t see </li> <li class="has-line-data" data-line-start="8" data-line-end="9"> <a href="#t=03:14">03:14</a> Not using a bundler </li> <li class="has-line-data" data-line-start="9" data-line-end="10"> <a href="#t=05:48">05:48</a> Downsides of not using a bundler </li> <li class="has-line-data" data-line-start="10" data-line-end="11"> <a href="#t=11:13">11:13</a> What about TypeScript? </li> <li class="has-line-data" data-line-start="11" data-line-end="12"> <a href="#t=13:58">13:58</a> Is there a waterfall of imports? </li> <li class="has-line-data" data-line-start="12" data-line-end="13"> <a href="#t=18:29">18:29</a> What happens to live reloading? </li> <li class="has-line-data" data-line-start="13" data-line-end="14"> <a href="#t=22:12">22:12</a> The browser upgrade path </li> <li class="has-line-data" data-line-start="14" data-line-end="15"> <a href="#t=26:39">26:39</a> Is Enhance a meta framework? </li> <li class="has-line-data" data-line-start="15" data-line-end="16"> <a href="#t=29:02">29:02</a> What are you doing about SSR web components? </li> <li class="has-line-data" data-line-start="16" data-line-end="17"> <a href="#t=33:24">33:24</a> Can you refresh part of the application? </li> <li class="has-line-data" data-line-start="17" data-line-end="18"> <a href="#t=36:22">36:22</a> What about state management and Enhance? </li> <li class="has-line-data" data-line-start="18" data-line-end="19"> <a href="#t=42:52">42:52</a> How does Enhance handle CSS? </li> <li class="has-line-data" data-line-start="19" data-line-end="20"> <a href="#t=48:26">48:26</a> How was AWS: Reinvent? </li> <li class="has-line-data" data-line-start="20" data-line-end="21"> <a href="#t=54:47">54:47</a> What’s happening with the Begin CLI? </li> <li class="has-line-data" data-line-start="21" data-line-end="22"> <a href="#t=55:55">55:55</a> Any thoughts on new JavaScript run times? </li> <li class="has-line-data" data-line-start="22" data-line-end="24"> <a href="#t=59:51">59:51</a> Sick Picks </li> <li class="has-line-data" data-line-start="24" data-line-end="25"> <a href="https://brian.io/">brian.io</a> </li> <li class="has-line-data" data-line-start="25" data-line-end="26"> <a href= "https://arc.codes/docs/en/get-started/quickstart">Quickstart - Architect documentation</a> </li> <li class="has-line-data" data-line-start="26" data-line-end="27"> <a href="https://enhance.dev/">Enhance</a> </li> <li class="has-line-data" data-line-start="27" data-line-end="29"> <a href="https://aws-lite.org/">aws-lite</a> </li> </ul> <h3 class="code-line" data-line-start="29" data-line-end="30"> <a id="Sick_Picks_29"></a>Sick Picks</h3> <ul> <li class="has-line-data" data-line-start="31" data-line-end="33"> <a href="https://www.analogue.co/pocket">Analogue Pocket</a></li> </ul> <h3 class="code-line" data-line-start="33" data-line-end="34"> <a id="Shameless_Plugs_33"></a>Shameless Plugs</h3> <ul> <li class="has-line-data" data-line-start="35" data-line-end="37"> <a href="https://begin.com/">Begin — The Cloud Platform for Functional Web Apps</a></li> </ul> <h3 class="code-line" data-line-start="37" data-line-end="38"> <a id="Hit_us_up_on_Socials_37"></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>

Wes and Scott talk with Brian LeRoux about not using a bundler, handling TypeScript, live reloading, Enhance being a meta framework, how Enhance handles CSS, his experience at AWS: Reinvent, and the state of JavaScript run times in 2024.
 Show Notes  00:31 Welcome

  01:00 Introducing Brian Leroux

  01:32 Syntax Brought to you by Sentry

  01:54 You can’t fix bugs you can’t see

  03:14 Not using a bundler

  05:48 Downsides of not using a bundler

  11:13 What about TypeScript?

  13:58 Is there a waterfall of imports?

  18:29 What happens to live reloading?

  22:12 The browser upgrade path

  26:39 Is Enhance a meta framework?

  29:02 What are you doing about SSR web components?

  33:24 Can you refresh part of the application?

  36:22 What about state management and Enhance?

  42:52 How does Enhance handle CSS?

  48:26 How was AWS: Reinvent?

  54:47 What’s happening with the Begin CLI?

  55:55 Any thoughts on new JavaScript run times?

  59:51 Sick Picks

  brian.io

  Quickstart - Architect documentation

  Enhance

  aws-lite

  Sick Picks  Analogue Pocket

  Shameless Plugs  Begin — The Cloud Platform for Functional Web Apps

  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

719: Fullstack TypeScript Apps with No Build Step?! with Brian LeRoux

Poslechněte si podcast