Wes Bos & Scott Tolinski - Full Stack JavaScript Web Developers

Zpravodajství

Technologické zprávy

Technika

Hasty Treat - Next.js 12

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="7" data-line-end="8">In this Hasty Treat, Scott and Wes talk about Next.js 12 and all of its hot new goodness and updates!</p> <h2 class="code-line" data-line-start="9" data-line-end="10"><a id= "Sanity__Sponsor_9" name="Sanity__Sponsor_9"></a>Sanity - Sponsor</h2> <p class="has-line-data" data-line-start="10" data-line-end="11"> <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="12" data-line-end="13"> <a id="LogRocket__Sponsor_12" name= "LogRocket__Sponsor_12"></a>LogRocket - Sponsor</h2> <p class="has-line-data" data-line-start="13" data-line-end="14"> LogRocket lets you replay what users do on your site, helping you reproduce bugs and fix issues faster. It’s an exception tracker, a session re-player and a performance monitor. Get 14 days free at <a href= "https://logrocket.com/syntax">logrocket.com/syntax</a>.</p> <h2 class="code-line" data-line-start="15" data-line-end="16"> <a id="Show_Notes_15" name="Show_Notes_15"></a>Show Notes</h2> <p class="has-line-data" data-line-start="16" data-line-end="17"> 04:00 - <strong><a href= "https://nextjs.org/blog/next-12#faster-builds-and-fast-refresh-with-rust-compiler">Rust Compiler</a></strong>: ~3x faster Fast Refresh and ~5x faster builds</p> <p class="has-line-data" data-line-start="18" data-line-end="19"> 06:25 - <strong><a href= "https://nextjs.org/blog/next-12#introducing-middleware">Middleware (beta)</a></strong>: Enabling full flexibility in Next.js with code over configuration</p> <p class="has-line-data" data-line-start="20" data-line-end="21"> 08:16 - <strong><a href= "https://nextjs.org/blog/next-12#preparing-for-react-18">React 18 Support</a></strong>: Native Next.js APIs are now supported, as well as suspense</p> <p class="has-line-data" data-line-start="22" data-line-end="23"> 09:56 - <strong><a href= "https://nextjs.org/blog/next-12#smaller-images-using-avif"><code><Image /></code> AVIF Support</a></strong>: Opt-in for 20% smaller images</p> <p class="has-line-data" data-line-start="24" data-line-end="25"> 11:58 - <strong><a href= "https://nextjs.org/blog/next-12#bot-aware-isr-fallback">Bot-aware ISR Fallback</a></strong>: Optimized SEO for web crawlers</p> <p class="has-line-data" data-line-start="26" data-line-end="27"> 13:10 - <strong><a href= "https://nextjs.org/blog/next-12#es-modules-support-and-url-imports">Native ES Modules Support</a></strong>: Aligning with the standardized module system</p> <p class="has-line-data" data-line-start="28" data-line-end="29"> 14:39 - <strong><a href= "https://nextjs.org/blog/next-12#url-imports">URL Imports (alpha)</a></strong>: Import packages from any URL, no installs required</p> <h2 class="code-line" data-line-start="30" data-line-end="31"> <a id="Links_30" name="Links_30"></a>Links</h2> <ul> <li class="has-line-data" data-line-start="31" data-line-end="32"> <a href= "https://twitter.com/mattgperry">https://twitter.com/mattgperry</a></li> <li class="has-line-data" data-line-start="32" data-line-end="34"> <a href= "https://nextjs.org/blog/next-12#introducing-middleware">Introducing Middleware</a></li> </ul> <h2 class="code-line" data-line-start="34" data-line-end="35"> <a id="Tweet_us_your_tasty_treats_34" name= "Tweet_us_your_tasty_treats_34"></a>Tweet us your tasty treats!</h2> <ul> <li class="has-line-data" data-line-start="35" data-line-end="36"> <a href="https://www.instagram.com/stolinski/">Scott’s Instagram</a></li> <li class="has-line-data" data-line-start="36" data-line-end="37"> <a href= "https://www.instagram.com/LevelUpTutorials/">LevelUpTutorials Instagram</a></li> <li class="has-line-data" data-line-start="37" data-line-end="38"> <a href="https://www.instagram.com/wesbos/">Wes’ Instagram</a></li> <li class="has-line-data" data-line-start="38" data-line-end="39"> <a href="https://twitter.com/wesbos">Wes’ Twitter</a></li> <li class="has-line-data" data-line-start="39" data-line-end="40"> <a href="https://www.facebook.com/wesbos.developer">Wes’ Facebook</a></li> <li class="has-line-data" data-line-start="40" data-line-end="41"> <a href="https://twitter.com/stolinski">Scott’s Twitter</a></li> <li class="has-line-data" data-line-start="41" data-line-end="42"> 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 Next.js 12 and all of its hot new goodness and updates!
 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.
 LogRocket - Sponsor LogRocket lets you replay what users do on your site, helping you reproduce bugs and fix issues faster. It’s an exception tracker, a session re-player and a performance monitor. Get 14 days free at logrocket.com/syntax.
 Show Notes 04:00 - Rust Compiler: ~3x faster Fast Refresh and ~5x faster builds
 06:25 - Middleware (beta): Enabling full flexibility in Next.js with code over configuration
 08:16 - React 18 Support: Native Next.js APIs are now supported, as well as suspense
 09:56 -  AVIF Support: Opt-in for 20% smaller images
 11:58 - Bot-aware ISR Fallback: Optimized SEO for web crawlers
 13:10 - Native ES Modules Support: Aligning with the standardized module system
 14:39 - URL Imports (alpha): Import packages from any URL, no installs required
 Links  https://twitter.com/mattgperry

 Introducing Middleware

  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

Hasty Treat - Next.js 12

Poslechněte si podcast