Wes Bos & Scott Tolinski - Full Stack JavaScript Web Developers

Zpravodajství

Technologické zprávy

Technika

Were We Wrong? 2022 Predictions Revisited

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 revisit their 2022 predictions and see which ones they got right, and which they got wrong.</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= "Sanity__Sponsor_6" name="Sanity__Sponsor_6"></a>Sanity - Sponsor</h2> <p class="has-line-data" data-line-start="8" data-line-end="9"> <a href="http://Sanity.io">Sanity.io</a> is a real-time headless CMS with a fully customizable Content Studio built in React. Get a Sanity powered site up and running in minutes at <a href= "https://www.sanity.io/create">sanity.io/create</a>. Get an awesome supercharged free developer plan on <a href= "https://www.sanity.io/syntax">sanity.io/syntax</a>.</p> <h2 class="code-line" data-line-start="10" data-line-end="11"> <a id="Auth0__Sponsor_10" name="Auth0__Sponsor_10"></a>Auth0 - Sponsor</h2> <p class="has-line-data" data-line-start="12" data-line-end="13"> 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="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:09">00:09</a></strong> Welcome</li> <li class="has-line-data" data-line-start="17" data-line-end="18"> <a href="https://syntax.fm/show/420/2022-predictions">Syntax 420: 2022 Predictions</a></li> <li class="has-line-data" data-line-start="18" data-line-end="19"> <strong><a href="#t=01:44">01:44</a></strong> Svelte popularity</li> <li class="has-line-data" data-line-start="19" data-line-end="20"> <a href="https://svelte.dev">Svelte</a></li> <li class="has-line-data" data-line-start="20" data-line-end="21"> <a href="https://kit.svelte.dev">Svelte Kit</a></li> <li class="has-line-data" data-line-start="21" data-line-end="22"> <strong><a href="#t=04:09">04:09</a></strong> Next.js data layer</li> <li class="has-line-data" data-line-start="22" data-line-end="23"> <strong><a href="#t=05:06">05:06</a></strong> Web components UI</li> <li class="has-line-data" data-line-start="23" data-line-end="24"> <a href="https://open-ui.org">Open UI</a></li> <li class="has-line-data" data-line-start="24" data-line-end="25"> <strong><a href="#t=06:19">06:19</a></strong> Rust popularity</li> <li class="has-line-data" data-line-start="25" data-line-end="26"> <a href="https://www.rust-lang.org">Rust</a></li> <li class="has-line-data" data-line-start="26" data-line-end="27"> <strong><a href="#t=10:07">10:07</a></strong> Serverless and Cloud functions</li> <li class="has-line-data" data-line-start="27" data-line-end="28"> <strong><a href="#t=10:42">10:42</a></strong> Tailwind popularity</li> <li class="has-line-data" data-line-start="28" data-line-end="29"> <strong><a href="#t=16:20">16:20</a></strong> Sponsor: Sentry</li> <li class="has-line-data" data-line-start="29" data-line-end="30"> <strong><a href="#t=17:59">17:59</a></strong> Next gen dev tools</li> <li class="has-line-data" data-line-start="30" data-line-end="31"> <strong><a href="#t=19:46">19:46</a></strong> CSS Container queries</li> <li class="has-line-data" data-line-start="31" data-line-end="32"> <strong><a href="#t=21:45">21:45</a></strong> GraphQL</li> <li class="has-line-data" data-line-start="32" data-line-end="33"> <strong><a href="#t=26:26">26:26</a></strong> Deno</li> <li class="has-line-data" data-line-start="33" data-line-end="34"> <strong><a href="#t=29:44">29:44</a></strong> TypeScript</li> <li class="has-line-data" data-line-start="34" data-line-end="35"> <strong><a href="#t=34:28">34:28</a></strong> Sponsor: Sanity</li> <li class="has-line-data" data-line-start="35" data-line-end="36"> <strong><a href="#t=35:07">35:07</a></strong> Server comeback</li> <li class="has-line-data" data-line-start="36" data-line-end="37"> <strong><a href="#t=36:21">36:21</a></strong> Checkouts and payment processers</li> <li class="has-line-data" data-line-start="37" data-line-end="38"> <a href="https://www.lemonsqueezy.com">Lemon Squeezy</a></li> <li class="has-line-data" data-line-start="38" data-line-end="39"> <strong><a href="#t=43:05">43:05</a></strong> Sponsor: Auth0</li> <li class="has-line-data" data-line-start="39" data-line-end="40"> <strong><a href="#t=44:18">44:18</a></strong> Temporal API</li> <li class="has-line-data" data-line-start="40" data-line-end="41"> <strong><a href="#t=46:44">46:44</a></strong> Remote dev thin client popularity</li> <li class="has-line-data" data-line-start="41" data-line-end="43"> <strong><a href="#t=49:49">49:49</a></strong> SIIIIICK ××× PIIIICKS ×××</li> </ul> <h2 class="code-line" data-line-start="43" data-line-end="44"> <a id="_SIIIIICK__PIIIICKS__43" name= "_SIIIIICK__PIIIICKS__43"></a>××× SIIIIICK ××× PIIIICKS ×××</h2> <ul> <li class="has-line-data" data-line-start="45" data-line-end="46"> Scott: <a href="https://amzn.to/3G3wiWd">JADENS Label Maker Machine with Tape</a></li> <li class="has-line-data" data-line-start="46" data-line-end="48"> Wes: <a href="https://amzn.to/3jjWpiQ">Chipolo One Spot</a></li> </ul> <h2 class="code-line" data-line-start="48" data-line-end="49"> <a id="Shameless_Plugs_48" name="Shameless_Plugs_48"></a>Shameless Plugs</h2> <ul> <li class="has-line-data" data-line-start="50" data-line-end="51"> Scott: <a href="https://levelup.video/tutorials/sveltekit">LevelUp Svelte Kit Tutorial</a></li> <li class="has-line-data" data-line-start="51" data-line-end="53"> Wes: <a href="https://wesbos.com/courses">Wes Bos Tutorials</a></li> </ul> <h2 class="code-line" data-line-start="53" data-line-end="54"> <a id="Tweet_us_your_tasty_treats_53" name= "Tweet_us_your_tasty_treats_53"></a>Tweet us your tasty treats</h2> <ul> <li class="has-line-data" data-line-start="55" data-line-end="56"> <a href="https://www.instagram.com/stolinski/">Scott’s Instagram</a></li> <li class="has-line-data" data-line-start="56" data-line-end="57"> <a href= "https://www.instagram.com/LevelUpTutorials/">LevelUpTutorials Instagram</a></li> <li class="has-line-data" data-line-start="57" data-line-end="58"> <a href="https://www.instagram.com/wesbos/">Wes’ Instagram</a></li> <li class="has-line-data" data-line-start="58" data-line-end="59"> <a href="https://twitter.com/wesbos">Wes’ Twitter</a></li> <li class="has-line-data" data-line-start="59" data-line-end="60"> <a href="https://www.facebook.com/wesbos.developer">Wes’ Facebook</a></li> <li class="has-line-data" data-line-start="60" data-line-end="61"> <a href="https://twitter.com/stolinski">Scott’s Twitter</a></li> <li class="has-line-data" data-line-start="61" data-line-end="62"> Make sure to include <a href= "https://twitter.com/SyntaxFM">@SyntaxFM</a> in your tweets</li> </ul>

In this episode of Syntax, Wes and Scott revisit their 2022 predictions and see which ones they got right, and which they got wrong.
 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.
 Sanity - Sponsor Sanity.io is a real-time headless CMS with a fully customizable Content Studio built in React. Get a Sanity powered site up and running in minutes at sanity.io/create. Get an awesome supercharged free developer plan on sanity.io/syntax.
 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:09 Welcome
 Syntax 420: 2022 Predictions

 01:44 Svelte popularity
 Svelte

 Svelte Kit

 04:09 Next.js data layer
 05:06 Web components UI
 Open UI

 06:19 Rust popularity
 Rust

 10:07 Serverless and Cloud functions
 10:42 Tailwind popularity
 16:20 Sponsor: Sentry
 17:59 Next gen dev tools
 19:46 CSS Container queries
 21:45 GraphQL
 26:26 Deno
 29:44 TypeScript
 34:28 Sponsor: Sanity
 35:07 Server comeback
 36:21 Checkouts and payment processers
 Lemon Squeezy

 43:05 Sponsor: Auth0
 44:18 Temporal API
 46:44 Remote dev thin client popularity
 49:49 SIIIIICK ××× PIIIICKS ×××
  ××× SIIIIICK ××× PIIIICKS ×××  Scott: JADENS Label Maker Machine with Tape

 Wes: Chipolo One Spot

  Shameless Plugs  Scott: LevelUp Svelte Kit Tutorial

 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

Aplikace Youradio Talk

Were We Wrong? 2022 Predictions Revisited

Poslechněte si podcast