Wes Bos & Scott Tolinski - Full Stack JavaScript Web Developers

Zpravodajství

Technologické zprávy

Technika

6 or so New Approved and Proposed JavaScript APIs

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 episode of Syntax, Wes and Scott talk about new approved and proposed JavaScript API changes including Promise.withResolvers, .at(), Immutable Array Methods, Array.fromAsync, 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> Welcome</li> <li class="has-line-data" data-line-start="5" data-line-end="6"> <strong><a href="#t=04:55">04:55</a></strong> What are we going to cover?</li> <li class="has-line-data" data-line-start="6" data-line-end="7"> <strong><a href="#t=06:10">06:10</a></strong> Promise.withResolvers</li> <li class="has-line-data" data-line-start="7" data-line-end="8"> <strong><a href="#t=09:40">09:40</a></strong> .at()</li> <li class="has-line-data" data-line-start="8" data-line-end="9"> <a href="https://twitter.com/wesbos/status/1684964556542550031">You probably knew about JavaScript’s new .at() method for accessing array items. Did you know it works for strings too?</a></li> <li class="has-line-data" data-line-start="9" data-line-end="10"> <a href="https://twitter.com/iamandrewluca">@IAmAndrewLuca</a></li> <li class="has-line-data" data-line-start="10" data-line-end="11"> <strong><a href="#t=15:59">15:59</a></strong> Immutable Array Methods</li> <li class="has-line-data" data-line-start="11" data-line-end="12"> <a href="https://twitter.com/wesbos/status/1593271021557239809">Wes Bos: "? Pretty excited about the new JavaScript non-mutating array methods. Currently in stage 3. .toReversed() .toSorted() .toSpliced() - remove items .with() - replace items</a></li> <li class="has-line-data" data-line-start="12" data-line-end="13"> <strong><a href="#t=21:48">21:48</a></strong> Array.fromAsync</li> <li class="has-line-data" data-line-start="13" data-line-end="14"> <a href= "https://github.com/tc39/proposal-array-from-async">Proposal for array.fromAsync</a></li> <li class="has-line-data" data-line-start="14" data-line-end="15"> <strong><a href="#t=27:15">27:15</a></strong> Array Grouping</li> <li class="has-line-data" data-line-start="15" data-line-end="16"> <a href="https://github.com/tc39/proposal-array-grouping">Proposal for Array grouping</a></li> <li class="has-line-data" data-line-start="16" data-line-end="17"> <strong><a href="#t=31:04">31:04</a></strong> Observable Events?</li> <li class="has-line-data" data-line-start="17" data-line-end="18"> <a href="https://github.com/domfarolino/observable">Observable Events?</a></li> <li class="has-line-data" data-line-start="18" data-line-end="19"> <strong><a href="#t=35:28">35:28</a></strong> Import Attributes</li> <li class="has-line-data" data-line-start="19" data-line-end="20"> <strong><a href="#t=39:21">39:21</a></strong> v.emplace method</li> <li class="has-line-data" data-line-start="20" data-line-end="21"> <strong><a href="#t=41:15">41:15</a></strong> Decorators</li> <li class="has-line-data" data-line-start="21" data-line-end="22"> <a href= "https://github.com/tc39/proposal-pattern-matching">Proposal for Pattern Matching</a></li> <li class="has-line-data" data-line-start="22" data-line-end="24"> <strong><a href="#t=45:42">45:42</a></strong> SIIIIICK ××× PIIIICKS ×××</li> </ul> <h2 class="code-line" data-line-start="24" data-line-end="25"> <a id="_SIIIIICK__PIIIICKS__24"></a>××× SIIIIICK ××× PIIIICKS ×××</h2> <ul> <li class="has-line-data" data-line-start="26" data-line-end="27"> Scott: <a href="https://artifact.news/">Artifact.news</a></li> <li class="has-line-data" data-line-start="27" data-line-end="29"> Wes: LED lights for bikes</li> </ul> <h2 class="code-line" data-line-start="29" data-line-end="30"> <a id="Shameless_Plugs_29"></a>Shameless Plugs</h2> <ul> <li class="has-line-data" data-line-start="31" data-line-end="32"> Scott: <a href="https://sentry.io">Sentry</a></li> <li class="has-line-data" data-line-start="32" data-line-end="34"> Wes: <a href="https://wesbos.com/courses">Wes Bos Tutorials</a></li> </ul> <h2 class="code-line" data-line-start="34" data-line-end="35"> <a id="Tweet_us_your_tasty_treats_34"></a>Tweet us your tasty treats</h2> <ul> <li class="has-line-data" data-line-start="36" data-line-end="37"> <a href="https://www.instagram.com/stolinski/">Scott’s Instagram</a></li> <li class="has-line-data" data-line-start="37" data-line-end="38"> <a href= "https://www.instagram.com/LevelUpTutorials/">LevelUpTutorials Instagram</a></li> <li class="has-line-data" data-line-start="38" data-line-end="39"> <a href="https://www.instagram.com/wesbos/">Wes’ Instagram</a></li> <li class="has-line-data" data-line-start="39" data-line-end="40"> <a href="https://twitter.com/wesbos">Wes’ Twitter</a></li> <li class="has-line-data" data-line-start="40" data-line-end="41"> <a href="https://www.facebook.com/wesbos.developer">Wes’ Facebook</a></li> <li class="has-line-data" data-line-start="41" data-line-end="42"> <a href="https://twitter.com/stolinski">Scott’s Twitter</a></li> <li class="has-line-data" data-line-start="42" data-line-end="43"> Make sure to include <a href= "https://twitter.com/SyntaxFM">@SyntaxFM</a> in your tweets</li> <li class="has-line-data" data-line-start="43" data-line-end="44"> <a href="https://bsky.app/profile/wesbos.com">Wes Bos on Bluesky</a></li> <li class="has-line-data" data-line-start="44" data-line-end="45"> <a href="https://bsky.app/profile/tolin.ski">Scott on Bluesky</a></li> <li class="has-line-data" data-line-start="45" data-line-end="46"> <a href="https://bsky.app/profile/syntax.fm">Syntax on Bluesky</a></li> </ul>

In this episode of Syntax, Wes and Scott talk about new approved and proposed JavaScript API changes including Promise.withResolvers,.at(), Immutable Array Methods, Array.fromAsync, and more.
 Show Notes  00:10 Welcome
 04:55 What are we going to cover?
 06:10 Promise.withResolvers
 09:40.at()
 You probably knew about JavaScript’s new.at() method for accessing array items. Did you know it works for strings too?

 @IAmAndrewLuca

 15:59 Immutable Array Methods
 Wes Bos: "🔥 Pretty excited about the new JavaScript non-mutating array methods. Currently in stage 3..toReversed().toSorted().toSpliced() - remove items.with() - replace items

 21:48 Array.fromAsync
 Proposal for array.fromAsync

 27:15 Array Grouping
 Proposal for Array grouping

 31:04 Observable Events?
 Observable Events?

 35:28 Import Attributes
 39:21 v.emplace method
 41:15 Decorators
 Proposal for Pattern Matching

 45:42 SIIIIICK ××× PIIIICKS ×××
  ××× SIIIIICK ××× PIIIICKS ×××  Scott: Artifact.news

 Wes: LED lights for bikes
  Shameless Plugs  Scott: Sentry

 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

6 or so New Approved and Proposed JavaScript APIs

Poslechněte si podcast