Wes Bos & Scott Tolinski - Full Stack JavaScript Web Developers

Zpravodajství

Technologické zprávy

Technika

React use() hook and Async Server Components Proposal

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 Hasty Treat, Scott and Wes talk about the new proposal for React, what the basics of it are, why it’s being proposed, and some benefits and issues it brings up.</p> <h2 class="code-line" data-line-start="2" data-line-end="3"><a id= "Sentry__Sponsor_2" name="Sentry__Sponsor_2"></a>Sentry - Sponsor</h2> <p class="has-line-data" data-line-start="4" data-line-end="5">If you want to know what’s happening with your code, track errors and monitor performance with Sentry. Sentry’s Application Monitoring platform helps developers see performance issues, fix errors faster, and optimize their code health. Cut your time on error resolution from hours to minutes. It works with any language and integrates with dozens of other services. Syntax listeners new to Sentry can get two months for free by visiting <a href= "https://sentry.io">Sentry.io</a> and using the coupon code TASTYTREAT during sign up.</p> <h2 class="code-line" data-line-start="6" data-line-end="7"><a id= "Auth0__Sponsor_6" name="Auth0__Sponsor_6"></a>Auth0 - Sponsor</h2> <p class="has-line-data" data-line-start="8" data-line-end="9"> Auth0 is the easiest way for developers to add authentication and secure their applications. They provides features like user management, multi-factor authentication, and you can even enable users to login with device biometrics with something like their fingerprint. Not to mention, Auth0 has SDKs for your favorite frameworks like React, Next.js, and Node/Express. Make sure to sign up for a free account and give Auth0 a try with the link below. <a href="https://a0.to/syntax">https://a0.to/syntax</a></p> <h2 class="code-line" data-line-start="10" data-line-end="11"> <a id="Show_Notes_10" name="Show_Notes_10"></a>Show Notes</h2> <ul> <li class="has-line-data" data-line-start="12" data-line-end="13"> <strong><a href="#t=00:13">00:13</a></strong> Welcome</li> <li class="has-line-data" data-line-start="13" data-line-end="14"> <strong><a href="#t=01:39">01:39</a></strong> Sponsor: Sentry</li> <li class="has-line-data" data-line-start="14" data-line-end="15"> <strong><a href="#t=02:41">02:41</a></strong> Auth0</li> <li class="has-line-data" data-line-start="15" data-line-end="16"> <strong><a href="#t=03:57">03:57</a></strong> A bit more auth</li> <li class="has-line-data" data-line-start="16" data-line-end="17"> <strong><a href="#t=05:24">05:24</a></strong> New RFC</li> <li class="has-line-data" data-line-start="17" data-line-end="18"> <a href="https://github.com/reactjs/rfcs/pull/229">RFC: First class support for promises and async/await</a></li> <li class="has-line-data" data-line-start="18" data-line-end="19"> <strong><a href="#t=08:30">08:30</a></strong> What are the basics of this proposal?</li> <li class="has-line-data" data-line-start="19" data-line-end="20"> <strong><a href="#t=10:12">10:12</a></strong> Scott gets a little Svelte-y</li> <li class="has-line-data" data-line-start="20" data-line-end="21"> <strong><a href="#t=11:44">11:44</a></strong> Why is this being proposed?</li> <li class="has-line-data" data-line-start="21" data-line-end="22"> <strong><a href="#t=17:14">17:14</a></strong> Infinite loop possibility</li> <li class="has-line-data" data-line-start="22" data-line-end="23"> <strong><a href="#t=18:44">18:44</a></strong> Why is Svelte API better in this use case?</li> <li class="has-line-data" data-line-start="23" data-line-end="24"> <a href="https://tanstack.com">Tanstack</a></li> <li class="has-line-data" data-line-start="24" data-line-end="26"> <a href= "https://developer.chrome.com/blog/smooshgate/">Smooshgate</a></li> </ul> <h2 class="code-line" data-line-start="26" data-line-end="27"> <a id="Tweet_us_your_tasty_treats_26" name= "Tweet_us_your_tasty_treats_26"></a>Tweet us your tasty treats</h2> <ul> <li class="has-line-data" data-line-start="28" data-line-end="29"> <a href="https://www.instagram.com/stolinski/">Scott’s Instagram</a></li> <li class="has-line-data" data-line-start="29" data-line-end="30"> <a href= "https://www.instagram.com/LevelUpTutorials/">LevelUpTutorials Instagram</a></li> <li class="has-line-data" data-line-start="30" data-line-end="31"> <a href="https://www.instagram.com/wesbos/">Wes’ Instagram</a></li> <li class="has-line-data" data-line-start="31" data-line-end="32"> <a href="https://twitter.com/wesbos">Wes’ Twitter</a></li> <li class="has-line-data" data-line-start="32" data-line-end="33"> <a href="https://www.facebook.com/wesbos.developer">Wes’ Facebook</a></li> <li class="has-line-data" data-line-start="33" data-line-end="34"> <a href="https://twitter.com/stolinski">Scott’s Twitter</a></li> <li class="has-line-data" data-line-start="34" data-line-end="35"> Make sure to include <a href= "https://twitter.com/SyntaxFM">@SyntaxFM</a> in your tweets</li> </ul>

In this Hasty Treat, Scott and Wes talk about the new proposal for React, what the basics of it are, why it’s being proposed, and some benefits and issues it brings up.
 Sentry - Sponsor If you want to know what’s happening with your code, track errors and monitor performance with Sentry. Sentry’s Application Monitoring platform helps developers see performance issues, fix errors faster, and optimize their code health. Cut your time on error resolution from hours to minutes. It works with any language and integrates with dozens of other services. Syntax listeners new to Sentry can get two months for free by visiting Sentry.io and using the coupon code TASTYTREAT during sign up.
 Auth0 - Sponsor Auth0 is the easiest way for developers to add authentication and secure their applications. They provides features like user management, multi-factor authentication, and you can even enable users to login with device biometrics with something like their fingerprint. Not to mention, Auth0 has SDKs for your favorite frameworks like React, Next.js, and Node/Express. Make sure to sign up for a free account and give Auth0 a try with the link below. https://a0.to/syntax
 Show Notes  00:13 Welcome
 01:39 Sponsor: Sentry
 02:41 Auth0
 03:57 A bit more auth
 05:24 New RFC
 RFC: First class support for promises and async/await

 08:30 What are the basics of this proposal?
 10:12 Scott gets a little Svelte-y
 11:44 Why is this being proposed?
 17:14 Infinite loop possibility
 18:44 Why is Svelte API better in this use case?
 Tanstack

 Smooshgate

  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

React use() hook and Async Server Components Proposal

Poslechněte si podcast