Wes Bos & Scott Tolinski - Full Stack JavaScript Web Developers

Zpravodajství

Technologické zprávy

Technika

Supper Club × Astro 2.0 with Fred Schott

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 supper club episode of Syntax, Wes and Scott talk with Fred Schott about all things Astro v2.0. What is Astro and why should you use it? How do islands work? Images, edge, AI, error overlays, hybrid rendering, and more!</p> <h2 class="code-line" data-line-start="3" data-line-end="4"><a id= "Show_Notes_3"></a>Show Notes</h2> <ul> <li class="has-line-data" data-line-start="5" data-line-end="6"> <strong><a href="#t=00:40">00:40</a></strong> Welcome</li> <li class="has-line-data" data-line-start="6" data-line-end="7"> <strong><a href="#t=01:08">01:08</a></strong> Guest introduction</li> <li class="has-line-data" data-line-start="7" data-line-end="8"> <a href="https://fredkschott.com">FredKSchott.com</a></li> <li class="has-line-data" data-line-start="8" data-line-end="9"> <a href="https://twitter.com/fredkschott">@Fredkschott on Twitter</a></li> <li class="has-line-data" data-line-start="9" data-line-end="10"> <a href="https://github.com/fredkschott">Fred on GitHub</a></li> <li class="has-line-data" data-line-start="10" data-line-end="11"> <strong><a href="#t=02:17">02:17</a></strong> What is Astro and why should someone use it?</li> <li class="has-line-data" data-line-start="11" data-line-end="12"> <strong><a href="#t=04:57">04:57</a></strong> What can you build with Astro?</li> <li class="has-line-data" data-line-start="12" data-line-end="13"> <strong><a href="#t=06:11">06:11</a></strong> What’s an island in content?</li> <li class="has-line-data" data-line-start="13" data-line-end="14"> <strong><a href="#t=09:43">09:43</a></strong> How do routes work with Astro?</li> <li class="has-line-data" data-line-start="14" data-line-end="15"> <strong><a href="#t=12:30">12:30</a></strong> How is Markdown handled in Astro?</li> <li class="has-line-data" data-line-start="15" data-line-end="16"> <a href="https://mdxjs.com">mdxjs</a></li> <li class="has-line-data" data-line-start="16" data-line-end="17"> <strong><a href="#t=14:32">14:32</a></strong> How does Astro work on the edge?</li> <li class="has-line-data" data-line-start="17" data-line-end="18"> <strong><a href="#t=18:15">18:15</a></strong> How does Astro v2 handle data fetching?</li> <li class="has-line-data" data-line-start="18" data-line-end="19"> <strong><a href="#t=23:25">23:25</a></strong> Integrations with Astro</li> <li class="has-line-data" data-line-start="19" data-line-end="20"> <strong><a href="#t=26:38">26:38</a></strong> Astro AI bot?</li> <li class="has-line-data" data-line-start="20" data-line-end="21"> <a href="https://github.com/hwchase17/langchain/">AI Langchain</a></li> <li class="has-line-data" data-line-start="21" data-line-end="22"> <strong><a href="#t=30:40">30:40</a></strong> Error overlay design</li> <li class="has-line-data" data-line-start="22" data-line-end="23"> <strong><a href="#t=36:10">36:10</a></strong> What are some of the most important upgrades in v2?</li> <li class="has-line-data" data-line-start="23" data-line-end="24"> <strong><a href="#t=37:18">37:18</a></strong> Hybrid rendering</li> <li class="has-line-data" data-line-start="24" data-line-end="25"> <strong><a href="#t=40:27">40:27</a></strong> Astro’s image component</li> <li class="has-line-data" data-line-start="25" data-line-end="26"> <a href="https://squoosh.app">Squoosh</a></li> <li class="has-line-data" data-line-start="26" data-line-end="27"> <strong><a href="#t=44:39">44:39</a></strong> What happened to snowpack? Pikapkg?</li> <li class="has-line-data" data-line-start="27" data-line-end="28"> <strong><a href="#t=46:48">46:48</a></strong> What is the financial model for Astro?</li> <li class="has-line-data" data-line-start="28" data-line-end="29"> <strong><a href="#t=50:28">50:28</a></strong> Supper Club questions</li> <li class="has-line-data" data-line-start="29" data-line-end="31"> <a href="https://obsidian.md">Obsidian</a></li> </ul> <h2 class="code-line" data-line-start="31" data-line-end="32"> <a id="_SIIIIICK__PIIIICKS__31"></a>××× SIIIIICK ××× PIIIICKS ×××</h2> <ul> <li class="has-line-data" data-line-start="33" data-line-end="35"> <a href="https://chat.langchain.dev">Chat Langchain</a></li> </ul> <h2 class="code-line" data-line-start="35" data-line-end="36"> <a id="Shameless_Plugs_35"></a>Shameless Plugs</h2> <ul> <li class="has-line-data" data-line-start="37" data-line-end="38"> <a href="https://astro.build">Astro</a></li> <li class="has-line-data" data-line-start="38" data-line-end="40"> <a href="https://astro.build/chat">Astro Discord</a></li> </ul> <h2 class="code-line" data-line-start="40" data-line-end="41"> <a id="Tweet_us_your_tasty_treats_40"></a>Tweet us your tasty treats</h2> <ul> <li class="has-line-data" data-line-start="42" data-line-end="43"> <a href="https://www.instagram.com/stolinski/">Scott’s Instagram</a></li> <li class="has-line-data" data-line-start="43" data-line-end="44"> <a href= "https://www.instagram.com/LevelUpTutorials/">LevelUpTutorials Instagram</a></li> <li class="has-line-data" data-line-start="44" data-line-end="45"> <a href="https://www.instagram.com/wesbos/">Wes’ Instagram</a></li> <li class="has-line-data" data-line-start="45" data-line-end="46"> <a href="https://twitter.com/wesbos">Wes’ Twitter</a></li> <li class="has-line-data" data-line-start="46" data-line-end="47"> <a href="https://www.facebook.com/wesbos.developer">Wes’ Facebook</a></li> <li class="has-line-data" data-line-start="47" data-line-end="48"> <a href="https://twitter.com/stolinski">Scott’s Twitter</a></li> <li class="has-line-data" data-line-start="48" data-line-end="49"> Make sure to include <a href= "https://twitter.com/SyntaxFM">@SyntaxFM</a> in your tweets</li> </ul>

In this supper club episode of Syntax, Wes and Scott talk with Fred Schott about all things Astro v2.0. What is Astro and why should you use it? How do islands work? Images, edge, AI, error overlays, hybrid rendering, and more!
 Show Notes  00:40 Welcome
 01:08 Guest introduction
 FredKSchott.com

 @Fredkschott on Twitter

 Fred on GitHub

 02:17 What is Astro and why should someone use it?
 04:57 What can you build with Astro?
 06:11 What’s an island in content?
 09:43 How do routes work with Astro?
 12:30 How is Markdown handled in Astro?
 mdxjs

 14:32 How does Astro work on the edge?
 18:15 How does Astro v2 handle data fetching?
 23:25 Integrations with Astro
 26:38 Astro AI bot?
 AI Langchain

 30:40 Error overlay design
 36:10 What are some of the most important upgrades in v2?
 37:18 Hybrid rendering
 40:27 Astro’s image component
 Squoosh

 44:39 What happened to snowpack? Pikapkg?
 46:48 What is the financial model for Astro?
 50:28 Supper Club questions
 Obsidian

  ××× SIIIIICK ××× PIIIICKS ×××  Chat Langchain

  Shameless Plugs  Astro

 Astro Discord

  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

Aplikace Youradio Talk

Supper Club × Astro 2.0 with Fred Schott

Poslechněte si podcast