Wes Bos & Scott Tolinski - Full Stack JavaScript Web Developers

Zpravodajství

Technologické zprávy

Technika

Supper Club × tRPC With Alex KATT Johansson

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, Scott talks with Alex Johansson about his work on tRPC, how it compares to other tools like GraphQL, and what’s next for tRPC?</p> <h2 class="code-line" data-line-start="2" data-line-end="3"><a id= "Polypane__Sponsor_2" name="Polypane__Sponsor_2"></a>Polypane - Sponsor</h2> <p class="has-line-data" data-line-start="4" data-line-end="5">If you want to build a great website or web app, there’s a million things you need to take care of: responsive design, accessibility, SEO, Meta tags and page structure, to name just a few. Polypane is the browser for developers with tools that help with literally every part of modern web development, helping you save hours (and frustration!) with every project. It shows your site in multiple fully-synced viewports at once, Gives you advice on better accessibility and gives you insight into your performance and quality. Go to <a href= "https://polypane.app/syntax">polypane.app/syntax</a> to start a 14 day free trial and use SYNTAX20 for a 20% discount at checkout.</p> <h2 class="code-line" data-line-start="6" data-line-end="7"><a id= "FireHydrant__Sponsor_6" name= "FireHydrant__Sponsor_6"></a>FireHydrant - Sponsor</h2> <p class="has-line-data" data-line-start="8" data-line-end="9"> Incidents are hard. Managing them shouldn’t be. FireHydrant makes it easy for anyone in your organization to respond to incidents efficiently and consistently. Intuitive, guided workflows provide turn-by-turn navigation for incident response, while thoughtful prompts and powerful integrations capture all of your incident data to drive useful retros and actionable analytics.</p> <h2 class="code-line" data-line-start="10" data-line-end="11"> <a id="Kontent_by_Kentico__Sponsor_10" name= "Kontent_by_Kentico__Sponsor_10"></a>Kontent by Kentico - Sponsor</h2> <p class="has-line-data" data-line-start="12" data-line-end="13"> Kontent by Kentico is a headless CMS that provides live editing experience to non-technical users and hands you the technical tools to build websites, mobile apps, voice assistants, or anything else where you need content. Use REST API or GraphQL and get your content via the global Fastly CDN. Designed to unify all your content and operations, in compliance with ISO27001 and SOC2Type2 certifications.<a href="kontent.ai/syntax">Spin up a new project today</a> and discover Kontent.</p> <h2 class="code-line" data-line-start="14" data-line-end="15"> <a id="Show_Notes_14" name="Show_Notes_14"></a>Show Notes</h2> <ul> <li class="has-line-data" data-line-start="16" data-line-end="17"> <strong><a href="#t=00:37">00:37</a></strong> Welcome</li> <li class="has-line-data" data-line-start="17" data-line-end="18"> <strong><a href="#t=01:56">01:56</a></strong> Guest introduction</li> <li class="has-line-data" data-line-start="18" data-line-end="19"> <a href="https://twitter.com/alexdotjs">@Alexdotjs on Twitter</a></li> <li class="has-line-data" data-line-start="19" data-line-end="20"> <a href="https://github.com/KATT">Alex on GitHub</a></li> <li class="has-line-data" data-line-start="20" data-line-end="21"> <a href="https://katt.dev">Katt.dev</a></li> <li class="has-line-data" data-line-start="21" data-line-end="22"> <a href="https://trpc.io">tRPC.io</a></li> <li class="has-line-data" data-line-start="22" data-line-end="23"> <strong><a href="#t=02:47">02:47</a></strong> What is tRPC?</li> <li class="has-line-data" data-line-start="23" data-line-end="24"> <strong><a href="#t=06:56">06:56</a></strong> How does type safety work?</li> <li class="has-line-data" data-line-start="24" data-line-end="25"> <strong><a href="#t=10:38">10:38</a></strong> Sponsor: Polypane</li> <li class="has-line-data" data-line-start="25" data-line-end="26"> <strong><a href="#t=13:20">13:20</a></strong> What is Zod?</li> <li class="has-line-data" data-line-start="26" data-line-end="27"> <strong><a href="#t=17:39">17:39</a></strong> How does tRPC relate to GraphQL?</li> <li class="has-line-data" data-line-start="27" data-line-end="28"> <strong><a href="#t=23:47">23:47</a></strong> Sponsor: FireHydrant</li> <li class="has-line-data" data-line-start="28" data-line-end="29"> <strong><a href="#t=25:25">25:25</a></strong> What about a data loader?</li> <li class="has-line-data" data-line-start="29" data-line-end="30"> <strong><a href="#t=29:04">29:04</a></strong> React or NextJS adapters</li> <li class="has-line-data" data-line-start="30" data-line-end="31"> <strong><a href="#t=30:41">30:41</a></strong> How does it feel when people start building off your project?</li> <li class="has-line-data" data-line-start="31" data-line-end="32"> <strong><a href="#t=33:58">33:58</a></strong> Sponsor: Kontent by Kentico</li> <li class="has-line-data" data-line-start="32" data-line-end="33"> <strong><a href="#t=37:34">37:34</a></strong> What’s next for tRPC?</li> <li class="has-line-data" data-line-start="33" data-line-end="34"> <strong><a href="#t=42:42">42:42</a></strong> How is error handling done?</li> <li class="has-line-data" data-line-start="34" data-line-end="35"> <strong><a href="#t=48:43">48:43</a></strong> Supper Club questions</li> <li class="has-line-data" data-line-start="35" data-line-end="37"> <strong><a href="#t=54:42">54:42</a></strong> SIIIIICK ××× PIIIICKS ×××</li> </ul> <h2 class="code-line" data-line-start="37" data-line-end="38"> <a id="_SIIIIICK__PIIIICKS__37" name= "_SIIIIICK__PIIIICKS__37"></a>××× SIIIIICK ××× PIIIICKS ×××</h2> <ul> <li class="has-line-data" data-line-start="39" data-line-end="41"> <a href="https://github.com/koskimas/kysely">Kysely</a></li> </ul> <h2 class="code-line" data-line-start="41" data-line-end="42"> <a id="Tweet_us_your_tasty_treats_41" name= "Tweet_us_your_tasty_treats_41"></a>Tweet us your tasty treats</h2> <ul> <li class="has-line-data" data-line-start="43" data-line-end="44"> <a href="https://www.instagram.com/stolinski/">Scott’s Instagram</a></li> <li class="has-line-data" data-line-start="44" data-line-end="45"> <a href= "https://www.instagram.com/LevelUpTutorials/">LevelUpTutorials Instagram</a></li> <li class="has-line-data" data-line-start="45" data-line-end="46"> <a href="https://www.instagram.com/wesbos/">Wes’ Instagram</a></li> <li class="has-line-data" data-line-start="46" data-line-end="47"> <a href="https://twitter.com/wesbos">Wes’ Twitter</a></li> <li class="has-line-data" data-line-start="47" data-line-end="48"> <a href="https://www.facebook.com/wesbos.developer">Wes’ Facebook</a></li> <li class="has-line-data" data-line-start="48" data-line-end="49"> <a href="https://twitter.com/stolinski">Scott’s Twitter</a></li> <li class="has-line-data" data-line-start="49" data-line-end="50"> Make sure to include <a href= "https://twitter.com/SyntaxFM">@SyntaxFM</a> in your tweets</li> </ul>

In this supper club episode of Syntax, Scott talks with Alex Johansson about his work on tRPC, how it compares to other tools like GraphQL, and what’s next for tRPC?
 Polypane - Sponsor If you want to build a great website or web app, there’s a million things you need to take care of: responsive design, accessibility, SEO, Meta tags and page structure, to name just a few. Polypane is the browser for developers with tools that help with literally every part of modern web development, helping you save hours (and frustration!) with every project. It shows your site in multiple fully-synced viewports at once, Gives you advice on better accessibility and gives you insight into your performance and quality. Go to polypane.app/syntax to start a 14 day free trial and use SYNTAX20 for a 20% discount at checkout.
 FireHydrant - Sponsor Incidents are hard. Managing them shouldn’t be. FireHydrant makes it easy for anyone in your organization to respond to incidents efficiently and consistently. Intuitive, guided workflows provide turn-by-turn navigation for incident response, while thoughtful prompts and powerful integrations capture all of your incident data to drive useful retros and actionable analytics.
 Kontent by Kentico - Sponsor Kontent by Kentico is a headless CMS that provides live editing experience to non-technical users and hands you the technical tools to build websites, mobile apps, voice assistants, or anything else where you need content. Use REST API or GraphQL and get your content via the global Fastly CDN. Designed to unify all your content and operations, in compliance with ISO27001 and SOC2Type2 certifications.Spin up a new project today and discover Kontent.
 Show Notes  00:37 Welcome
 01:56 Guest introduction
 @Alexdotjs on Twitter

 Alex on GitHub

 Katt.dev

 tRPC.io

 02:47 What is tRPC?
 06:56 How does type safety work?
 10:38 Sponsor: Polypane
 13:20 What is Zod?
 17:39 How does tRPC relate to GraphQL?
 23:47 Sponsor: FireHydrant
 25:25 What about a data loader?
 29:04 React or NextJS adapters
 30:41 How does it feel when people start building off your project?
 33:58 Sponsor: Kontent by Kentico
 37:34 What’s next for tRPC?
 42:42 How is error handling done?
 48:43 Supper Club questions
 54:42 SIIIIICK ××× PIIIICKS ×××
  ××× SIIIIICK ××× PIIIICKS ×××  Kysely

  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 × tRPC With Alex KATT Johansson

Poslechněte si podcast