Email: Bytes: Hot Spec Summer – ES2025 Edition

Subject:
Bytes: Hot Spec Summer – ES2025 Edition
Received:
7/1/2025, 8:31:38 PM
From:
"Tyler from ui.dev" <tyler@ui.dev>
To:
desert.legend.57@rss.andrealin.it
&lt;!DOCTYPE html&gt;
&lt;html&gt;
&lt;head&gt;
&lt;title&gt;Bytes: Hot Spec Summer: ES2025&lt;/title&gt;
&lt;meta charset="utf-8"&gt;
&lt;meta name="viewport" content="width=device-width, initial-scale=1.0"&gt;
&lt;meta name="color-scheme" content="light dark"&gt;
&lt;meta name="supported-color-schemes" content="light dark"&gt;
&lt;link href="https://fonts.googleapis.com/css2?family=Fira+Mono&amp;family=Outfit:wght@400;500;700;900&amp;family=Paytone+One" rel="stylesheet"&gt;
&lt;style&gt;@media (prefers-color-scheme: dark) {
  .email-wrapper {
    color: #F9F4DA !important;
    background-color: #0F0D0E !important;
  }
  hr {
    border-color: #262422 !important;
  }
  mark {
    background-color: #231F20 !important;
    color: #F9F4DA !important;
  }
  pre {
    background-color: #231F20 !important;
    border: 1px solid #231F20 !important;
    color: #F9F4DA !important;
  }
  .bg-alt {
    background-color: #231F20 !important;
  }
  .unsubscribe-link {
    color: #504C48 !important;
  }
  .token.punctuation {
    color: #f9f4da !important;
  }
}
@media screen and (min-width: 600px) {
  .mobile-break {
    display: none;
  }
}&lt;/style&gt;
&lt;meta http-equiv="Content-Type" content="text/html; charset=UTF-8"&gt;
&lt;/head&gt;
&lt;body&gt;
&lt;table class="email-wrapper" border="0" cellspacing="0" width="100%" style="background-color: #FFF; border-collapse: collapse; color: #231F20; font-family: Outfit, sans-serif; font-size: 16px; width: 100%;"&gt;&lt;tbody&gt;&lt;tr&gt;
&lt;td style="border-collapse: collapse !important; word-break: normal;"&gt;&lt;/td&gt;
&lt;td width="600px" style="border-collapse: collapse !important; width: 600px; word-break: normal;"&gt;&lt;div style="max-width:600px;padding-top:80px"&gt;
&lt;div style="text-align:center"&gt;&lt;img width="600" style="max-width: 100%; padding-bottom: 40px;" src="https://bytes.dev/images/bytes-banner-rounded.png" alt="Bytes"&gt;&lt;/div&gt;
&lt;p style="font-family: Outfit, sans-serif; font-size: 17px; line-height: 1.5; padding-left: 24px; padding-right: 24px;"&gt;&lt;strong style="font-weight: 600;"&gt;Today’s issue:&lt;/strong&gt; Deno’s Duchess of Sussex, the Linux of all Linuxes, and the dangers of creating your own holidays.&lt;/p&gt;
&lt;p style="font-family: Outfit, sans-serif; font-size: 17px; line-height: 1.5; padding-left: 24px; padding-right: 24px;"&gt;Welcome to &lt;a href="https://click.convertkit-mail4.com/38u909o4rrakh2dlrvgirh47dzonnh7h4oml/kkhmh2un3d7x05il/aHR0cHM6Ly9ieXRlcy5kZXYvYXJjaGl2ZXMvNDA1" style="color: #12b5e5; font-weight: 600; text-decoration: underline;" url-id="1760401586"&gt;#405&lt;/a&gt;.&lt;/p&gt;
&lt;hr style="border: 0; border-bottom: 5px solid; border-color: #f5f5f5; margin-bottom: 100px; margin-top: 100px;"&gt;
&lt;div style="text-align:center;margin-bottom:36px"&gt;
&lt;img width="80" src="https://bytes.dev/images/content/eyes.png" alt="Eyeballs logo" style="max-width: 100%;"&gt;&lt;h2 style="font-family: Paytone One, sans-serif; font-size: 28px; margin-top: 10px; text-transform: uppercase;"&gt;The Main Thing&lt;/h2&gt;
&lt;/div&gt;
&lt;div class="bg-alt" style="background-color: #f5f5f5; border-radius: 16px; margin-bottom: 40px; max-width: 100%; padding: 24px; padding-bottom: 12px;"&gt;
&lt;img src="https://bytes.dev/images/content/aubrey-plaza-pool.jpg" alt="Aubrey Plaza wearing goggles in a pool" width="600" style="border-radius: 5px; max-width: 100%;"&gt;&lt;p style="font-family: Outfit, sans-serif; font-size: 15px; font-style: italic; line-height: 1; margin: 0; padding-bottom: 4px; padding-left: 24px; padding-right: 24px; padding-top: 10px; text-align: center;"&gt;Still no Temporal API.&lt;!-- --&gt; &lt;/p&gt;
&lt;/div&gt;
&lt;h3 style="font-size: 24px; margin-bottom: 0; padding-left: 24px; padding-right: 24px;"&gt;Hot Spec Summer: ES2025&lt;/h3&gt;
&lt;p style="font-family: Outfit, sans-serif; font-size: 17px; line-height: 1.5; padding-left: 24px; padding-right: 24px;"&gt;ECMAScript 2025 was officially approved last week, which means we got some new JavaScript features &lt;em&gt;and&lt;/em&gt; celebrated the only religious holiday on the Gregorian Bytes calendar – &lt;strong style="font-weight: 600;"&gt;Hot Spec Summer&lt;span role="img" aria-label="trade mark"&gt;™️&lt;/span&gt;.&lt;/strong&gt;&lt;/p&gt;
&lt;p style="font-family: Outfit, sans-serif; font-size: 17px; line-height: 1.5; padding-left: 24px; padding-right: 24px;"&gt;The festivities involve a mostly harmless ritual where we drink copious amounts of Robitussin mixed with White Monster, eat our weight in Pizza Rolls, and spend 48 straight hours in my above-ground swimming pool trying to &lt;del&gt;touch the face of God&lt;/del&gt; predict the future of JavaScript.&lt;/p&gt;
&lt;p style="font-family: Outfit, sans-serif; font-size: 17px; line-height: 1.5; padding-left: 24px; padding-right: 24px;"&gt;And now that we’ve completed our vision quest, we’re ready to rate the five most exciting ES2025 features on a hotness scale of 1-5 &lt;span role="img" aria-label="fire"&gt;🔥&lt;/span&gt;. Let’s dive in.&lt;/p&gt;
&lt;p style="font-family: Outfit, sans-serif; font-size: 17px; line-height: 1.5; padding-left: 24px; padding-right: 24px;"&gt;&lt;strong style="font-weight: 600;"&gt;Iterator helper methods&lt;/strong&gt; – Iterators finally get their own helpers like &lt;code style="font-size: 14px;"&gt;.map()&lt;/code&gt;, &lt;code style="font-size: 14px;"&gt;.filter()&lt;/code&gt;, &lt;code style="font-size: 14px;"&gt;.take()&lt;/code&gt; and &lt;code style="font-size: 14px;"&gt;.drop()&lt;/code&gt;. Unlike array methods, these helpers process data &lt;em&gt;incrementally&lt;/em&gt;, so they don’t create intermediate arrays or load everything into memory at once.&lt;/p&gt;
&lt;p style="font-family: Outfit, sans-serif; font-size: 17px; line-height: 1.5; padding-left: 24px; padding-right: 24px;"&gt;&lt;span role="img" aria-label="fire"&gt;🔥&lt;/span&gt; Rating: 5/5. &lt;em&gt;This makes iterators first-class citizens in JavaScript and should massively improve the experience of working with streams, iterables, and large data sets.&lt;/em&gt;&lt;/p&gt;
&lt;p style="font-family: Outfit, sans-serif; font-size: 17px; line-height: 1.5; padding-left: 24px; padding-right: 24px;"&gt;&lt;strong style="font-weight: 600;"&gt;Import Attributes and JSON Modules&lt;/strong&gt; – Import attributes now let you import JSON and other non-JavaScript assets natively, without bundler magic. You can now do this in plain JavaScript:&lt;/p&gt;
&lt;pre class="language-js" style="background-color: #f9f9f9; border: 1px solid #f9f9f9; border-radius: 8px; color: #231F20; overflow: auto; padding: 24px;"&gt;&lt;code class="language-js" style="font-size: 14px;"&gt;&lt;span class="token keyword" style="color: #f38ba3; font-size: 14px;"&gt;import&lt;/span&gt; config &lt;span class="token keyword" style="color: #f38ba3; font-size: 14px;"&gt;from&lt;/span&gt; &lt;span class="token string" style="color: #f99157; font-size: 14px;"&gt;'./config.json'&lt;/span&gt; &lt;span class="token keyword" style="color: #f38ba3; font-size: 14px;"&gt;with&lt;/span&gt; &lt;span class="token punctuation" style="color: #231F20; font-size: 14px;"&gt;{&lt;/span&gt; &lt;span class="token literal-property property" style="color: #12b5e5; font-size: 14px;"&gt;type&lt;/span&gt;&lt;span class="token operator" style="color: #12b5e5; font-size: 14px;"&gt;:&lt;/span&gt; &lt;span class="token string" style="color: #f99157; font-size: 14px;"&gt;'json'&lt;/span&gt; &lt;span class="token punctuation" style="color: #231F20; font-size: 14px;"&gt;}&lt;/span&gt;&lt;span class="token punctuation" style="color: #231F20; font-size: 14px;"&gt;;&lt;/span&gt;
&lt;/code&gt;&lt;/pre&gt;
&lt;p style="font-family: Outfit, sans-serif; font-size: 17px; line-height: 1.5; padding-left: 24px; padding-right: 24px;"&gt;&lt;span role="img" aria-label="fire"&gt;🔥&lt;/span&gt; Rating: 3/5. &lt;em&gt;A big ergonomics win for working with configuration and other structured data, but lots of bundlers and frameworks already have JSON imports built in, so you might not always notice it.&lt;/em&gt;&lt;/p&gt;
&lt;p style="font-family: Outfit, sans-serif; font-size: 17px; line-height: 1.5; padding-left: 24px; padding-right: 24px;"&gt;&lt;strong style="font-weight: 600;"&gt;&lt;code style="font-size: 14px;"&gt;Promise.try()&lt;/code&gt;&lt;/strong&gt; – Helps you start promise chains that include synchronous code which might throw. Instead of wrapping things in a manual &lt;code style="font-size: 14px;"&gt;try/catch&lt;/code&gt;, you can write this:&lt;/p&gt;
&lt;pre class="language-js" style="background-color: #f9f9f9; border: 1px solid #f9f9f9; border-radius: 8px; color: #231F20; overflow: auto; padding: 24px;"&gt;&lt;code class="language-js" style="font-size: 14px;"&gt;Promise&lt;span class="token punctuation" style="color: #231F20; font-size: 14px;"&gt;.&lt;/span&gt;&lt;span class="token function" style="color: #9d7dce; font-size: 14px;"&gt;try&lt;/span&gt;&lt;span class="token punctuation" style="color: #231F20; font-size: 14px;"&gt;(&lt;/span&gt;&lt;span class="token punctuation" style="color: #231F20; font-size: 14px;"&gt;(&lt;/span&gt;&lt;span class="token punctuation" style="color: #231F20; font-size: 14px;"&gt;)&lt;/span&gt; &lt;span class="token operator" style="color: #12b5e5; font-size: 14px;"&gt;=&gt;&lt;/span&gt; &lt;span class="token function" style="color: #9d7dce; font-size: 14px;"&gt;mightThrow&lt;/span&gt;&lt;span class="token punctuation" style="color: #231F20; font-size: 14px;"&gt;(&lt;/span&gt;&lt;span class="token punctuation" style="color: #231F20; font-size: 14px;"&gt;)&lt;/span&gt;&lt;span class="token punctuation" style="color: #231F20; font-size: 14px;"&gt;)&lt;/span&gt;
  &lt;span class="token punctuation" style="color: #231F20; font-size: 14px;"&gt;.&lt;/span&gt;&lt;span class="token function" style="color: #9d7dce; font-size: 14px;"&gt;then&lt;/span&gt;&lt;span class="token punctuation" style="color: #231F20; font-size: 14px;"&gt;(&lt;/span&gt;&lt;span class="token parameter" style="color: #f38ba3; font-size: 14px;"&gt;result&lt;/span&gt; &lt;span class="token operator" style="color: #12b5e5; font-size: 14px;"&gt;=&gt;&lt;/span&gt; &lt;span class="token function" style="color: #9d7dce; font-size: 14px;"&gt;doSomething&lt;/span&gt;&lt;span class="token punctuation" style="color: #231F20; font-size: 14px;"&gt;(&lt;/span&gt;result&lt;span class="token punctuation" style="color: #231F20; font-size: 14px;"&gt;)&lt;/span&gt;&lt;span class="token punctuation" style="color: #231F20; font-size: 14px;"&gt;)&lt;/span&gt;&lt;span class="token punctuation" style="color: #231F20; font-size: 14px;"&gt;;&lt;/span&gt;
&lt;/code&gt;&lt;/pre&gt;
&lt;p style="font-family: Outfit, sans-serif; font-size: 17px; line-height: 1.5; padding-left: 24px; padding-right: 24px;"&gt;&lt;span role="img" aria-label="fire"&gt;🔥&lt;/span&gt; Rating: 2.5/5. A tidy little helper that simplifies error handling for promise chains that start with synchronous code, but we know most of you will just keep using &lt;code style="font-size: 14px;"&gt;async/await&lt;/code&gt;.&lt;/p&gt;
&lt;p style="font-family: Outfit, sans-serif; font-size: 17px; line-height: 1.5; padding-left: 24px; padding-right: 24px;"&gt;&lt;strong style="font-weight: 600;"&gt;New Set methods&lt;/strong&gt; – Sets got some long-overdue love with new methods to combine and compare them, like &lt;code style="font-size: 14px;"&gt;union()&lt;/code&gt;, &lt;code style="font-size: 14px;"&gt;intersection()&lt;/code&gt;, &lt;code style="font-size: 14px;"&gt;difference()&lt;/code&gt;, and checks like &lt;code style="font-size: 14px;"&gt;isSubsetOf()&lt;/code&gt;. Here’s a quick example:&lt;/p&gt;
&lt;pre class="language-js" style="background-color: #f9f9f9; border: 1px solid #f9f9f9; border-radius: 8px; color: #231F20; overflow: auto; padding: 24px;"&gt;&lt;code class="language-js" style="font-size: 14px;"&gt;&lt;span class="token keyword" style="color: #f38ba3; font-size: 14px;"&gt;const&lt;/span&gt; s1 &lt;span class="token operator" style="color: #12b5e5; font-size: 14px;"&gt;=&lt;/span&gt; &lt;span class="token keyword" style="color: #f38ba3; font-size: 14px;"&gt;new&lt;/span&gt; &lt;span class="token class-name" style="color: #12b5e5; font-size: 14px;"&gt;Set&lt;/span&gt;&lt;span class="token punctuation" style="color: #231F20; font-size: 14px;"&gt;(&lt;/span&gt;&lt;span class="token punctuation" style="color: #231F20; font-size: 14px;"&gt;[&lt;/span&gt;&lt;span class="token string" style="color: #f99157; font-size: 14px;"&gt;'a'&lt;/span&gt;&lt;span class="token punctuation" style="color: #231F20; font-size: 14px;"&gt;,&lt;/span&gt;&lt;span class="token string" style="color: #f99157; font-size: 14px;"&gt;'b'&lt;/span&gt;&lt;span class="token punctuation" style="color: #231F20; font-size: 14px;"&gt;]&lt;/span&gt;&lt;span class="token punctuation" style="color: #231F20; font-size: 14px;"&gt;)&lt;/span&gt;&lt;span class="token punctuation" style="color: #231F20; font-size: 14px;"&gt;;&lt;/span&gt;
&lt;span class="token keyword" style="color: #f38ba3; font-size: 14px;"&gt;const&lt;/span&gt; s2 &lt;span class="token operator" style="color: #12b5e5; font-size: 14px;"&gt;=&lt;/span&gt; &lt;span class="token keyword" style="color: #f38ba3; font-size: 14px;"&gt;new&lt;/span&gt; &lt;span class="token class-name" style="color: #12b5e5; font-size: 14px;"&gt;Set&lt;/span&gt;&lt;span class="token punctuation" style="color: #231F20; font-size: 14px;"&gt;(&lt;/span&gt;&lt;span class="token punctuation" style="color: #231F20; font-size: 14px;"&gt;[&lt;/span&gt;&lt;span class="token string" style="color: #f99157; font-size: 14px;"&gt;'b'&lt;/span&gt;&lt;span class="token punctuation" style="color: #231F20; font-size: 14px;"&gt;,&lt;/span&gt;&lt;span class="token string" style="color: #f99157; font-size: 14px;"&gt;'c'&lt;/span&gt;&lt;span class="token punctuation" style="color: #231F20; font-size: 14px;"&gt;]&lt;/span&gt;&lt;span class="token punctuation" style="color: #231F20; font-size: 14px;"&gt;)&lt;/span&gt;&lt;span class="token punctuation" style="color: #231F20; font-size: 14px;"&gt;;&lt;/span&gt;
s1&lt;span class="token punctuation" style="color: #231F20; font-size: 14px;"&gt;.&lt;/span&gt;&lt;span class="token function" style="color: #9d7dce; font-size: 14px;"&gt;union&lt;/span&gt;&lt;span class="token punctuation" style="color: #231F20; font-size: 14px;"&gt;(&lt;/span&gt;s2&lt;span class="token punctuation" style="color: #231F20; font-size: 14px;"&gt;)&lt;/span&gt;&lt;span class="token punctuation" style="color: #231F20; font-size: 14px;"&gt;;&lt;/span&gt; &lt;span class="token comment" style="color: rgb(167, 167, 167); font-size: 14px;"&gt;// Set {'a','b','c'}&lt;/span&gt;
&lt;/code&gt;&lt;/pre&gt;
&lt;p style="font-family: Outfit, sans-serif; font-size: 17px; line-height: 1.5; padding-left: 24px; padding-right: 24px;"&gt;&lt;span role="img" aria-label="fire"&gt;🔥&lt;/span&gt; Rating: 4.5/5. &lt;em&gt;This means you finally don’t need to convert sets to arrays just to do basic operations. Huge win.&lt;/em&gt;&lt;/p&gt;
&lt;p style="font-family: Outfit, sans-serif; font-size: 17px; line-height: 1.5; padding-left: 24px; padding-right: 24px;"&gt;&lt;strong style="font-weight: 600;"&gt;&lt;code style="font-size: 14px;"&gt;RegExp.escape()&lt;/code&gt;&lt;/strong&gt; – This makes it easy to safely insert arbitrary strings into regex patterns without worrying about special characters causing chaos like so:&lt;/p&gt;
&lt;pre class="language-js" style="background-color: #f9f9f9; border: 1px solid #f9f9f9; border-radius: 8px; color: #231F20; overflow: auto; padding: 24px;"&gt;&lt;code class="language-js" style="font-size: 14px;"&gt;&lt;span class="token keyword" style="color: #f38ba3; font-size: 14px;"&gt;const&lt;/span&gt; safe &lt;span class="token operator" style="color: #12b5e5; font-size: 14px;"&gt;=&lt;/span&gt; RegExp&lt;span class="token punctuation" style="color: #231F20; font-size: 14px;"&gt;.&lt;/span&gt;&lt;span class="token function" style="color: #9d7dce; font-size: 14px;"&gt;escape&lt;/span&gt;&lt;span class="token punctuation" style="color: #231F20; font-size: 14px;"&gt;(&lt;/span&gt;&lt;span class="token string" style="color: #f99157; font-size: 14px;"&gt;'hello.*+?'&lt;/span&gt;&lt;span class="token punctuation" style="color: #231F20; font-size: 14px;"&gt;)&lt;/span&gt;&lt;span class="token punctuation" style="color: #231F20; font-size: 14px;"&gt;;&lt;/span&gt;
console&lt;span class="token punctuation" style="color: #231F20; font-size: 14px;"&gt;.&lt;/span&gt;&lt;span class="token function" style="color: #9d7dce; font-size: 14px;"&gt;log&lt;/span&gt;&lt;span class="token punctuation" style="color: #231F20; font-size: 14px;"&gt;(&lt;/span&gt;safe&lt;span class="token punctuation" style="color: #231F20; font-size: 14px;"&gt;)&lt;/span&gt;&lt;span class="token punctuation" style="color: #231F20; font-size: 14px;"&gt;;&lt;/span&gt; &lt;span class="token comment" style="color: rgb(167, 167, 167); font-size: 14px;"&gt;// 'hello\.\*\?'&lt;/span&gt;
&lt;/code&gt;&lt;/pre&gt;
&lt;p style="font-family: Outfit, sans-serif; font-size: 17px; line-height: 1.5; padding-left: 24px; padding-right: 24px;"&gt;&lt;span role="img" aria-label="fire"&gt;🔥&lt;/span&gt; Rating: 3.5/5. Not super flashy, but it should help prevent subtle regex bugs from user input for features like search boxes and dynamic features. We’ll take all the help we can get.&lt;/p&gt;
&lt;p style="font-family: Outfit, sans-serif; font-size: 17px; line-height: 1.5; padding-left: 24px; padding-right: 24px;"&gt;&lt;strong style="font-weight: 600;"&gt;Bottom Line:&lt;/strong&gt; Did you know that cooking Pizza Rolls on a Traeger really brings out the smoky flavor of the mini pepperonis? Another important lesson learned from Hot Spec Summer.&lt;/p&gt;
&lt;table width="100%" cellpadding="0" cellspacing="0" border="0" style="border-collapse: collapse; margin-top: 40px; text-align: center;"&gt;&lt;tbody&gt;&lt;tr&gt;&lt;td style="border-collapse: collapse !important; padding-top: 12px; word-break: normal;"&gt;
&lt;a href="https://click.convertkit-mail4.com/38u909o4rrakh2dlrvgirh47dzonnh7h4oml/58hvh8ugzve6d0s6/aHR0cHM6Ly9mYWNlYm9vay5jb20vc2hhcmVyL3NoYXJlci5waHA_dT1odHRwcyUzQSUyRiUyRmJ5dGVzLmRldiUyRmFyY2hpdmVzJTJGNDA1" rel="noopener" style="color: #12b5e5; font-weight: 600; padding-left: 5px; text-decoration: none;" target="_blank" url-id="1760401587"&gt;&lt;img alt="" style="display: inline-block; max-width: 100%; width: 32px;" width="25" src="https://bytes.dev/images/fb-share-icon.png"&gt;&lt;/a&gt;&lt;a href="https://click.convertkit-mail4.com/38u909o4rrakh2dlrvgirh47dzonnh7h4oml/25h2h9u3ev5mp0t3/aHR0cHM6Ly93d3cubGlua2VkaW4uY29tL3NoYXJpbmcvc2hhcmUtb2Zmc2l0ZS8_dXJsPWh0dHBzJTNBJTJGJTJGYnl0ZXMuZGV2JTJGYXJjaGl2ZXMlMkY0MDU=" rel="noopener" style="color: #12b5e5; font-weight: 600; padding-left: 5px; text-decoration: none;" target="_blank" url-id="1760401588"&gt;&lt;img alt="" style="display: inline-block; max-width: 100%; width: 32px;" width="25" src="https://bytes.dev/images/li-share-icon.png"&gt;&lt;/a&gt;&lt;a href="https://click.convertkit-mail4.com/38u909o4rrakh2dlrvgirh47dzonnh7h4oml/qvh8h8ud07xkm0tl/aHR0cHM6Ly90d2l0dGVyLmNvbS9pbnRlbnQvdHdlZXQvP3RleHQ9RXhwbG9yaW5nJTIwdGhlJTIwNSUyMG1vc3QlMjBpbnRlcmVzdGluZyUyMG5ldyUyMEphdmFTY3JpcHQlMjBmZWF0dXJlcyUyMHRvJTIwaGl0JTIwdGhlJTIwRVMyMDI1JTIwc3BlYyZ1cmw9aHR0cHMlM0ElMkYlMkZieXRlcy5kZXYlMkZhcmNoaXZlcyUyRjQwNQ==" rel="noopener" style="color: #12b5e5; font-weight: 600; padding-left: 5px; text-decoration: none;" target="_blank" url-id="1760401589"&gt;&lt;img alt="" style="display: inline-block; max-width: 100%; width: 32px;" width="25" src="https://bytes.dev/images/tw-share-icon.png"&gt;&lt;/a&gt;&lt;a href="https://click.convertkit-mail4.com/38u909o4rrakh2dlrvgirh47dzonnh7h4oml/9qhzhdudlq75vgs9/bWFpbHRvOj9ib2R5PVRob3VnaHQlMjB5b3UlMjdkJTIwbG92ZSUyMHRoaXMlMjB3ZWVrJTI3cyUyMEJ5dGVzJTBBLS0tJTBBRXhwbG9yaW5nJTIwdGhlJTIwNSUyMG1vc3QlMjBpbnRlcmVzdGluZyUyMG5ldyUyMEphdmFTY3JpcHQlMjBmZWF0dXJlcyUyMHRvJTIwaGl0JTIwdGhlJTIwRVMyMDI1JTIwc3BlYyUwQWh0dHBzJTNBJTJGJTJGYnl0ZXMuZGV2JTJGYXJjaGl2ZXMlMkY0MDUmc3ViamVjdD1Zb3UlMjBsaWtlJTIwY29ybmJyZWFkJTNG" rel="noopener" style="color: #12b5e5; font-weight: 600; padding-left: 5px; text-decoration: none;" target="_blank" url-id="1760401591"&gt;&lt;img alt="" style="display: inline-block; max-width: 100%; width: 32px;" width="25" src="https://bytes.dev/images/em-share-icon.png"&gt;&lt;/a&gt;
&lt;/td&gt;&lt;/tr&gt;&lt;/tbody&gt;&lt;/table&gt;
&lt;hr style="border: 0; border-bottom: 5px solid; border-color: #f5f5f5; margin-bottom: 100px; margin-top: 100px;"&gt;
&lt;div style="text-align:center;margin-bottom:36px"&gt;
&lt;img width="150" src="https://bytes.dev/images/content/qa-wolf-logo.png" alt="QA Wolf logo" style="max-width: 100%;"&gt;&lt;h2 style="font-family: Paytone One, sans-serif; font-size: 28px; margin-top: 10px; text-transform: uppercase;"&gt;&lt;span&gt;Our Friends &lt;br class="mobile-break"&gt;(With Benefits)&lt;/span&gt;&lt;/h2&gt;
&lt;/div&gt;
&lt;div class="bg-alt" style="background-color: #f5f5f5; border-radius: 16px; margin-bottom: 40px; max-width: 100%; padding: 24px; padding-bottom: 12px;"&gt;
&lt;img src="https://bytes.dev/images/content/dog-eyes.jpg" alt="Chihuahua with big eyes and glasses looking nervous" width="600" style="border-radius: 5px; max-width: 100%;"&gt;&lt;p style="font-family: Outfit, sans-serif; font-size: 15px; font-style: italic; line-height: 1; margin: 0; padding-bottom: 4px; padding-left: 24px; padding-right: 24px; padding-top: 10px; text-align: center;"&gt;When you burn $12K in Claude tokens running a bunch of flaky tests&lt;!-- --&gt; &lt;/p&gt;
&lt;/div&gt;
&lt;h3 style="font-size: 24px; margin-bottom: 0; padding-left: 24px; padding-right: 24px;"&gt;&lt;a href="https://click.convertkit-mail4.com/38u909o4rrakh2dlrvgirh47dzonnh7h4oml/3ohphdu3nowp57br/aHR0cHM6Ly93d3cucWF3b2xmLmNvbS9zb2x1dGlvbnMvZ2VuLWFpLXRlc3Rpbmc_dXRtX2NhbXBhaWduPUFDUV9BbGxfRGVtb19Db252ZXJzaW9uc19fTmV3c2xldHRlckF1ZGllbmNlXy1fTmV3c2xldHRlcl9BSVRlc3RpbmdfMjAyNTA2MzAtTm9uZV9FeHBlcmltZW50LUZBTFNFJnV0bV9jb250ZW50PUFJdGVzdGluZ19TY2hlZHVsZUFQZXJzb25hbGl6ZWREZW1vX05vbmVfSGVhZGxpbmUlM0FUZXN0WW91ckFwcHNHZW5lcmF0aW5nQUlGZWF0dXJlc1dpdGhvdXRCdXJuaW5nVGhyb3VnaFRva2Vuc19fX19OZXdzbGV0dGVyLVByaW1hcnlQbGFjZW1lbnRfMjAyNTA2MzBfdjFfJnV0bV9tZWRpdW09bmV3c2xldHRlciZ1dG1fc291cmNlPWJ5dGVzJnV0bV90ZXJtPWhlYWRsaW5lLVRlc3RZb3VyQXBwc0dlbmVyYXRpdmVBSUZlYXR1cmVzV2l0aG91dEJ1cm5pbmdUaHJvdWdoVG9rZW5z" style="color: #12b5e5; font-weight: 600; text-decoration: underline;" url-id="1760401592"&gt;Test your app’s generative AI features – without burning through tokens&lt;/a&gt;&lt;/h3&gt;
&lt;p style="font-family: Outfit, sans-serif; font-size: 17px; line-height: 1.5; padding-left: 24px; padding-right: 24px;"&gt;3 reasons why testing genAI apps is harder than testing a regular app:&lt;/p&gt;
&lt;ol&gt;
&lt;li&gt;Outputs are non-deterministic&lt;/li&gt;
&lt;li&gt;The models are constantly evolving&lt;/li&gt;
&lt;li&gt;Edge cases are basically infinite&lt;/li&gt;
&lt;/ol&gt;
&lt;p style="font-family: Outfit, sans-serif; font-size: 17px; line-height: 1.5; padding-left: 24px; padding-right: 24px;"&gt;Thankfully, &lt;a href="https://click.convertkit-mail4.com/38u909o4rrakh2dlrvgirh47dzonnh7h4oml/n2hohquvk8d79vs6/aHR0cHM6Ly93d3cucWF3b2xmLmNvbT91dG1fY2FtcGFpZ249QUNRX0FsbF9EZW1vX0NvbnZlcnNpb25zX19OZXdzbGV0dGVyQXVkaWVuY2VfLV9OZXdzbGV0dGVyX0FJVGVzdGluZ18yMDI1MDYzMC1Ob25lX0V4cGVyaW1lbnQtRkFMU0UmdXRtX2NvbnRlbnQ9QUl0ZXN0aW5nX1NjaGVkdWxlQVBlcnNvbmFsaXplZERlbW9fTm9uZV9IZWFkbGluZSUzQVRlc3RZb3VyQXBwc0dlbmVyYXRpbmdBSUZlYXR1cmVzV2l0aG91dEJ1cm5pbmdUaHJvdWdoVG9rZW5zX19fX05ld3NsZXR0ZXItUHJpbWFyeVBsYWNlbWVudF8yMDI1MDYzMF92MV8mdXRtX21lZGl1bT1uZXdzbGV0dGVyJnV0bV9zb3VyY2U9Ynl0ZXMmdXRtX3Rlcm09Ym9keS1RQVdvbGY=" style="color: #12b5e5; font-weight: 600; text-decoration: underline;" url-id="1760401593"&gt;QA Wolf&lt;/a&gt; builds and maintains all your genAI test cases for you. And they developed novel AI testing techniques like deductive assertions and temp control – so you can trust your AI outputs every time (&lt;a href="https://click.convertkit-mail4.com/38u909o4rrakh2dlrvgirh47dzonnh7h4oml/48hvh7umn5oxd6sx/aHR0cHM6Ly93d3cucWF3b2xmLmNvbS9zb2x1dGlvbnMvZ2VuLWFpLXRlc3Rpbmc_dXRtX2NhbXBhaWduPUFDUV9BbGxfRGVtb19Db252ZXJzaW9uc19fTmV3c2xldHRlckF1ZGllbmNlXy1fTmV3c2xldHRlcl9BSVRlc3RpbmdfMjAyNTA2MzAtTm9uZV9FeHBlcmltZW50LUZBTFNFJnV0bV9jb250ZW50PUFJdGVzdGluZ19TY2hlZHVsZUFQZXJzb25hbGl6ZWREZW1vX05vbmVfSGVhZGxpbmUlM0FUZXN0WW91ckFwcHNHZW5lcmF0aW5nQUlGZWF0dXJlc1dpdGhvdXRCdXJuaW5nVGhyb3VnaFRva2Vuc19fX19OZXdzbGV0dGVyLVByaW1hcnlQbGFjZW1lbnRfMjAyNTA2MzBfdjFfJnV0bV9tZWRpdW09bmV3c2xldHRlciZ1dG1fc291cmNlPWJ5dGVzJnV0bV90ZXJtPWJvZHktU2VlSG93SXRXb3Jrc0luRGV0YWls" style="color: #12b5e5; font-weight: 600; text-decoration: underline;" url-id="1760401594"&gt;see how it works in detail&lt;/a&gt;).&lt;/p&gt;
&lt;p style="font-family: Outfit, sans-serif; font-size: 17px; line-height: 1.5; padding-left: 24px; padding-right: 24px;"&gt;&lt;a href="https://click.convertkit-mail4.com/38u909o4rrakh2dlrvgirh47dzonnh7h4oml/wnh2h6uq35z02gc7/aHR0cHM6Ly93d3cucWF3b2xmLmNvbT91dG1fY2FtcGFpZ249QUNRX0FsbF9EZW1vX0NvbnZlcnNpb25zX19OZXdzbGV0dGVyQXVkaWVuY2VfLV9OZXdzbGV0dGVyX0FJVGVzdGluZ18yMDI1MDYzMC1Ob25lX0V4cGVyaW1lbnQtRkFMU0UmdXRtX2NvbnRlbnQ9QUl0ZXN0aW5nX1NjaGVkdWxlQVBlcnNvbmFsaXplZERlbW9fTm9uZV9IZWFkbGluZSUzQVRlc3RZb3VyQXBwc0dlbmVyYXRpbmdBSUZlYXR1cmVzV2l0aG91dEJ1cm5pbmdUaHJvdWdoVG9rZW5zX19fX05ld3NsZXR0ZXItUHJpbWFyeVBsYWNlbWVudF8yMDI1MDYzMF92MV8mdXRtX21lZGl1bT1uZXdzbGV0dGVyJnV0bV9zb3VyY2U9Ynl0ZXMmdXRtX3Rlcm09Y3RhLVNjaGVkdWxlQVBlcnNvbmFsaXplZERlbW8=" style="color: #12b5e5; font-weight: 600; text-decoration: underline;" url-id="1760401595"&gt;Get a personalized demo&lt;/a&gt; to see how they can maximize your genAI testing coverage without torching your budget – or your team’s sanity.&lt;/p&gt;
&lt;hr style="border: 0; border-bottom: 5px solid; border-color: #f5f5f5; margin-bottom: 100px; margin-top: 100px;"&gt;
&lt;div style="text-align:center;margin-bottom:36px"&gt;
&lt;img width="140" src="https://bytes.dev/images/content/pop-quiz.png" alt="Pop Quiz logo" style="max-width: 100%;"&gt;&lt;h2 style="font-family: Paytone One, sans-serif; font-size: 28px; margin-top: 10px; text-transform: uppercase;"&gt;Pop Quiz&lt;/h2&gt;
&lt;div class="section-presenter" style="margin-bottom:50px;margin-top:15px"&gt;
&lt;h4 style="font-size: 19px; margin-bottom: 0; padding-left: 24px; padding-right: 24px;"&gt;Sponsored by &lt;a href="https://click.convertkit-mail4.com/38u909o4rrakh2dlrvgirh47dzonnh7h4oml/08hwhgu2ko8l6nal/aHR0cHM6Ly9nby5jbGVyay5jb20vQWUzYTJDTg==" style="color: #12b5e5; font-weight: 600; text-decoration: underline;" url-id="1760401597"&gt;Clerk&lt;/a&gt;
&lt;/h4&gt;
&lt;p style="font-family: Outfit, sans-serif; font-size: 16px; line-height: 1.5; margin-top: 5px; padding-left: 24px; padding-right: 24px;"&gt;&lt;em&gt;They just announced &lt;a href="https://click.convertkit-mail4.com/38u909o4rrakh2dlrvgirh47dzonnh7h4oml/08hwhgu2ko8l6nal/aHR0cHM6Ly9nby5jbGVyay5jb20vQWUzYTJDTg==" style="color: #12b5e5; font-weight: 600; text-decoration: underline;" url-id="1760401597"&gt;MCP Server Support for Next.js&lt;/a&gt;, which enables your users to securely grant AI apps like Claude and Cursor to access their data within your app &lt;span role="img" aria-label="fire"&gt;🔥&lt;/span&gt;&lt;/em&gt;&lt;/p&gt;
&lt;/div&gt;
&lt;/div&gt;
&lt;p style="font-family: Outfit, sans-serif; font-size: 17px; line-height: 1.5; padding-left: 24px; padding-right: 24px;"&gt;In the code snippet below, what do &lt;code style="font-size: 14px;"&gt;a&lt;/code&gt; and &lt;code style="font-size: 14px;"&gt;b&lt;/code&gt; evaluate to?&lt;/p&gt;
&lt;pre class="language-js" style="background-color: #f9f9f9; border: 1px solid #f9f9f9; border-radius: 8px; color: #231F20; overflow: auto; padding: 24px;"&gt;&lt;code class="language-js" style="font-size: 14px;"&gt;&lt;span class="token keyword" style="color: #f38ba3; font-size: 14px;"&gt;let&lt;/span&gt; a &lt;span class="token operator" style="color: #12b5e5; font-size: 14px;"&gt;=&lt;/span&gt; &lt;span class="token number" style="color: #fcba28; font-size: 14px;"&gt;0&lt;/span&gt;&lt;span class="token punctuation" style="color: #231F20; font-size: 14px;"&gt;;&lt;/span&gt;
&lt;span class="token keyword" style="color: #f38ba3; font-size: 14px;"&gt;const&lt;/span&gt; b &lt;span class="token operator" style="color: #12b5e5; font-size: 14px;"&gt;=&lt;/span&gt; &lt;span class="token punctuation" style="color: #231F20; font-size: 14px;"&gt;[&lt;/span&gt;&lt;span class="token number" style="color: #fcba28; font-size: 14px;"&gt;1&lt;/span&gt;&lt;span class="token punctuation" style="color: #231F20; font-size: 14px;"&gt;,&lt;/span&gt; &lt;span class="token number" style="color: #fcba28; font-size: 14px;"&gt;2&lt;/span&gt;&lt;span class="token punctuation" style="color: #231F20; font-size: 14px;"&gt;,&lt;/span&gt; &lt;span class="token number" style="color: #fcba28; font-size: 14px;"&gt;3&lt;/span&gt;&lt;span class="token punctuation" style="color: #231F20; font-size: 14px;"&gt;,&lt;/span&gt; &lt;span class="token number" style="color: #fcba28; font-size: 14px;"&gt;4&lt;/span&gt;&lt;span class="token punctuation" style="color: #231F20; font-size: 14px;"&gt;,&lt;/span&gt; &lt;span class="token number" style="color: #fcba28; font-size: 14px;"&gt;5&lt;/span&gt;&lt;span class="token punctuation" style="color: #231F20; font-size: 14px;"&gt;]&lt;/span&gt;&lt;span class="token punctuation" style="color: #231F20; font-size: 14px;"&gt;.&lt;/span&gt;&lt;span class="token function" style="color: #9d7dce; font-size: 14px;"&gt;map&lt;/span&gt;&lt;span class="token punctuation" style="color: #231F20; font-size: 14px;"&gt;(&lt;/span&gt;&lt;span class="token punctuation" style="color: #231F20; font-size: 14px;"&gt;(&lt;/span&gt;&lt;span class="token parameter" style="color: #f38ba3; font-size: 14px;"&gt;x&lt;/span&gt;&lt;span class="token punctuation" style="color: #231F20; font-size: 14px;"&gt;)&lt;/span&gt; &lt;span class="token operator" style="color: #12b5e5; font-size: 14px;"&gt;=&gt;&lt;/span&gt; &lt;span class="token punctuation" style="color: #231F20; font-size: 14px;"&gt;(&lt;/span&gt;
  &lt;span class="token punctuation" style="color: #231F20; font-size: 14px;"&gt;(&lt;/span&gt;a &lt;span class="token operator" style="color: #12b5e5; font-size: 14px;"&gt;+=&lt;/span&gt; x&lt;span class="token punctuation" style="color: #231F20; font-size: 14px;"&gt;)&lt;/span&gt;&lt;span class="token punctuation" style="color: #231F20; font-size: 14px;"&gt;,&lt;/span&gt; x &lt;span class="token operator" style="color: #12b5e5; font-size: 14px;"&gt;*&lt;/span&gt; x
&lt;span class="token punctuation" style="color: #231F20; font-size: 14px;"&gt;)&lt;/span&gt;&lt;span class="token punctuation" style="color: #231F20; font-size: 14px;"&gt;)&lt;/span&gt;&lt;span class="token punctuation" style="color: #231F20; font-size: 14px;"&gt;;&lt;/span&gt;

console&lt;span class="token punctuation" style="color: #231F20; font-size: 14px;"&gt;.&lt;/span&gt;&lt;span class="token function" style="color: #9d7dce; font-size: 14px;"&gt;log&lt;/span&gt;&lt;span class="token punctuation" style="color: #231F20; font-size: 14px;"&gt;(&lt;/span&gt;a&lt;span class="token punctuation" style="color: #231F20; font-size: 14px;"&gt;)&lt;/span&gt; &lt;span class="token comment" style="color: rgb(167, 167, 167); font-size: 14px;"&gt;// ?&lt;/span&gt;
console&lt;span class="token punctuation" style="color: #231F20; font-size: 14px;"&gt;.&lt;/span&gt;&lt;span class="token function" style="color: #9d7dce; font-size: 14px;"&gt;log&lt;/span&gt;&lt;span class="token punctuation" style="color: #231F20; font-size: 14px;"&gt;(&lt;/span&gt;b&lt;span class="token punctuation" style="color: #231F20; font-size: 14px;"&gt;)&lt;/span&gt; &lt;span class="token comment" style="color: rgb(167, 167, 167); font-size: 14px;"&gt;// ?&lt;/span&gt;
&lt;/code&gt;&lt;/pre&gt;
&lt;hr style="border: 0; border-bottom: 5px solid; border-color: #f5f5f5; margin-bottom: 100px; margin-top: 100px;"&gt;
&lt;div style="text-align:center;margin-bottom:36px"&gt;
&lt;img width="110" src="https://bytes.dev/images/content/cool-bits.png" alt="Cool Bits logo" style="max-width: 100%;"&gt;&lt;h2 style="font-family: Paytone One, sans-serif; font-size: 28px; margin-top: 10px; text-transform: uppercase;"&gt;Cool Bits&lt;/h2&gt;
&lt;/div&gt;
&lt;ol&gt;
&lt;li&gt;
&lt;p style="font-family: Outfit, sans-serif; font-size: 17px; line-height: 1.5;"&gt;If you want a preview of other JavaScript features in the TC39 pipeline, Luca Casonato and Andy Jiang from the Deno team wrote about &lt;a href="https://click.convertkit-mail4.com/38u909o4rrakh2dlrvgirh47dzonnh7h4oml/8ghqh3uox04r6zck/aHR0cHM6Ly9kZW5vLmNvbS9ibG9nL3VwZGF0ZXMtZnJvbS10YzM5" style="color: #12b5e5; font-weight: 600; text-decoration: underline;" url-id="1760401598"&gt;what’s coming soon to a JS spec near you&lt;/a&gt;.&lt;/p&gt;
&lt;/li&gt;
&lt;li&gt;
&lt;p style="font-family: Outfit, sans-serif; font-size: 17px; line-height: 1.5;"&gt;CodeRabbit just launched a &lt;a href="https://click.convertkit-mail4.com/38u909o4rrakh2dlrvgirh47dzonnh7h4oml/vqh3hmuodx5w90sg/aHR0cHM6Ly9jb2RlcmFiYml0LmxpbmsvYnl0ZXM=" style="color: #12b5e5; font-weight: 600; text-decoration: underline;" url-id="1760401599"&gt;free VS Code extension&lt;/a&gt; that provides AI code reviews right in your IDE. It gives senior developer-level attention to every line of your code and one-click fix suggestions to clean up mistakes fast. [sponsored]&lt;/p&gt;
&lt;/li&gt;
&lt;li&gt;
&lt;p style="font-family: Outfit, sans-serif; font-size: 17px; line-height: 1.5;"&gt;Craig Brunner wrote on the Shopify blog about &lt;a href="https://click.convertkit-mail4.com/38u909o4rrakh2dlrvgirh47dzonnh7h4oml/l2heh6ulz0gxm7a6/aHR0cHM6Ly9zaG9waWZ5LmVuZ2luZWVyaW5nL3JlbWl4aW5nLWFkbWlu" style="color: #12b5e5; font-weight: 600; text-decoration: underline;" url-id="1760401600"&gt;how they used Remix to make Shopify admin 30% faster at massive scale&lt;/a&gt; – 620K total files and 3 million lines of TypeScript supporting 67 million daily page views.&lt;/p&gt;
&lt;/li&gt;
&lt;li&gt;
&lt;p style="font-family: Outfit, sans-serif; font-size: 17px; line-height: 1.5;"&gt;DHH &amp; friends created &lt;a href="https://click.convertkit-mail4.com/38u909o4rrakh2dlrvgirh47dzonnh7h4oml/dphehmuem43p99cm/aHR0cHM6Ly9vbWFyY2h5Lm9yZy8=" style="color: #12b5e5; font-weight: 600; text-decoration: underline;" url-id="1760401602"&gt;Omarchy&lt;/a&gt;, an Arch/Hyprland setup that provides “an opinionated take on what Linux can be at its best” – which sounds refreshing, since most of us are far more familiar with Linux at its worst.&lt;/p&gt;
&lt;/li&gt;
&lt;li&gt;
&lt;p style="font-family: Outfit, sans-serif; font-size: 17px; line-height: 1.5;"&gt;Turso just released the first alpha version of their &lt;a href="https://click.convertkit-mail4.com/38u909o4rrakh2dlrvgirh47dzonnh7h4oml/e0hph0u72pxr38h8/aHR0cHM6Ly90dXJzby50ZWNoL2Jsb2cvdHVyc28tdGhlLW5leHQtZXZvbHV0aW9uLW9mLXNxbGl0ZQ==" style="color: #12b5e5; font-weight: 600; text-decoration: underline;" url-id="1760401603"&gt;full rewrite of SQLite in Rust&lt;/a&gt;. Yes, that sounds like a meme, but it’s real and it’s spectacular.&lt;/p&gt;
&lt;/li&gt;
&lt;li&gt;
&lt;p style="font-family: Outfit, sans-serif; font-size: 17px; line-height: 1.5;"&gt;Deno shared a new update on their &lt;a href="https://click.convertkit-mail4.com/38u909o4rrakh2dlrvgirh47dzonnh7h4oml/7qh7h2u9mkgn2nbz/aHR0cHM6Ly9kZW5vLmNvbS9ibG9nL2Rlbm8tdi1vcmFjbGU0" style="color: #12b5e5; font-weight: 600; text-decoration: underline;" url-id="1760401604"&gt;JavaScript trademark battle with Oracle&lt;/a&gt; – which has felt like watching a full season of &lt;em&gt;Suits.&lt;/em&gt; I guess that means Louis Litt is Oracle’s general counsel and Ryan Dahl is the Duchess of Sussex.&lt;/p&gt;
&lt;/li&gt;
&lt;li&gt;
&lt;p style="font-family: Outfit, sans-serif; font-size: 17px; line-height: 1.5;"&gt;&lt;a href="https://click.convertkit-mail4.com/38u909o4rrakh2dlrvgirh47dzonnh7h4oml/owhkhwuw7kzqm0av/aHR0cHM6Ly9iYXNlLXVpLmNvbS9yZWFjdC9vdmVydmlldy9yZWxlYXNlcw==" style="color: #12b5e5; font-weight: 600; text-decoration: underline;" url-id="1760401605"&gt;Base UI just released the v1.0 beta&lt;/a&gt; of its unstyled UI component library built by the creators of Radix, Floating UI, and Material UI.&lt;/p&gt;
&lt;/li&gt;
&lt;li&gt;
&lt;p style="font-family: Outfit, sans-serif; font-size: 17px; line-height: 1.5;"&gt;Cloudflare just declared that today is &lt;a href="https://click.convertkit-mail4.com/38u909o4rrakh2dlrvgirh47dzonnh7h4oml/z2hgh7ue84gl2zhp/aHR0cHM6Ly9ibG9nLmNsb3VkZmxhcmUuY29tL2NvbnRlbnQtaW5kZXBlbmRlbmNlLWRheS1uby1haS1jcmF3bC13aXRob3V0LWNvbXBlbnNhdGlvbi8_dXRtX2NhbXBhaWduPWNmX2Jsb2cmdXRtX2NvbnRlbnQ9MjAyNTA3MDEmdXRtX21lZGl1bT1vcmdhbmljX3NvY2lhbCZ1dG1fc291cmNlPXR3aXR0ZXIlMkY=" style="color: #12b5e5; font-weight: 600; text-decoration: underline;" url-id="1760401606"&gt;Content Independence Day&lt;/a&gt;, and that they’re changing the default to block AI crawlers unless they pay creators for their content. It’s a noble cause, but I, for one, don’t want to live in a world where anyone can just &lt;em&gt;make up their own holiday&lt;/em&gt; whenever they feel like it. Doesn’t anyone respect traditional family values anymore?&lt;/p&gt;
&lt;/li&gt;
&lt;/ol&gt;
&lt;hr style="border: 0; border-bottom: 5px solid; border-color: #f5f5f5; margin-bottom: 100px; margin-top: 100px;"&gt;
&lt;div style="text-align:center;margin-bottom:36px"&gt;
&lt;img width="140" src="https://bytes.dev/images/content/pop-quiz.png" alt="Pop Quiz logo" style="max-width: 100%;"&gt;&lt;h2 style="font-family: Paytone One, sans-serif; font-size: 28px; margin-top: 10px; text-transform: uppercase;"&gt;Pop Quiz: Answer&lt;/h2&gt;
&lt;div class="section-presenter" style="margin-bottom:50px;margin-top:15px"&gt;&lt;h4 style="font-size: 19px; margin-bottom: 0; padding-left: 24px; padding-right: 24px;"&gt;Sponsored by &lt;a href="https://click.convertkit-mail4.com/38u909o4rrakh2dlrvgirh47dzonnh7h4oml/08hwhgu2ko8l6nal/aHR0cHM6Ly9nby5jbGVyay5jb20vQWUzYTJDTg==" style="color: #12b5e5; font-weight: 600; text-decoration: underline;" url-id="1760401597"&gt;Clerk&lt;/a&gt;
&lt;/h4&gt;&lt;/div&gt;
&lt;/div&gt;
&lt;p style="font-family: Outfit, sans-serif; font-size: 17px; line-height: 1.5; padding-left: 24px; padding-right: 24px;"&gt;Here’s the code with more descriptive variable names.&lt;/p&gt;
&lt;pre class="language-js" style="background-color: #f9f9f9; border: 1px solid #f9f9f9; border-radius: 8px; color: #231F20; overflow: auto; padding: 24px;"&gt;&lt;code class="language-js" style="font-size: 14px;"&gt;&lt;span class="token keyword" style="color: #f38ba3; font-size: 14px;"&gt;let&lt;/span&gt; sum &lt;span class="token operator" style="color: #12b5e5; font-size: 14px;"&gt;=&lt;/span&gt; &lt;span class="token number" style="color: #fcba28; font-size: 14px;"&gt;0&lt;/span&gt;&lt;span class="token punctuation" style="color: #231F20; font-size: 14px;"&gt;;&lt;/span&gt;
&lt;span class="token keyword" style="color: #f38ba3; font-size: 14px;"&gt;const&lt;/span&gt; squares &lt;span class="token operator" style="color: #12b5e5; font-size: 14px;"&gt;=&lt;/span&gt; &lt;span class="token punctuation" style="color: #231F20; font-size: 14px;"&gt;[&lt;/span&gt;&lt;span class="token number" style="color: #fcba28; font-size: 14px;"&gt;1&lt;/span&gt;&lt;span class="token punctuation" style="color: #231F20; font-size: 14px;"&gt;,&lt;/span&gt; &lt;span class="token number" style="color: #fcba28; font-size: 14px;"&gt;2&lt;/span&gt;&lt;span class="token punctuation" style="color: #231F20; font-size: 14px;"&gt;,&lt;/span&gt; &lt;span class="token number" style="color: #fcba28; font-size: 14px;"&gt;3&lt;/span&gt;&lt;span class="token punctuation" style="color: #231F20; font-size: 14px;"&gt;,&lt;/span&gt; &lt;span class="token number" style="color: #fcba28; font-size: 14px;"&gt;4&lt;/span&gt;&lt;span class="token punctuation" style="color: #231F20; font-size: 14px;"&gt;,&lt;/span&gt; &lt;span class="token number" style="color: #fcba28; font-size: 14px;"&gt;5&lt;/span&gt;&lt;span class="token punctuation" style="color: #231F20; font-size: 14px;"&gt;]&lt;/span&gt;&lt;span class="token punctuation" style="color: #231F20; font-size: 14px;"&gt;.&lt;/span&gt;&lt;span class="token function" style="color: #9d7dce; font-size: 14px;"&gt;map&lt;/span&gt;&lt;span class="token punctuation" style="color: #231F20; font-size: 14px;"&gt;(&lt;/span&gt;&lt;span class="token punctuation" style="color: #231F20; font-size: 14px;"&gt;(&lt;/span&gt;&lt;span class="token parameter" style="color: #f38ba3; font-size: 14px;"&gt;x&lt;/span&gt;&lt;span class="token punctuation" style="color: #231F20; font-size: 14px;"&gt;)&lt;/span&gt; &lt;span class="token operator" style="color: #12b5e5; font-size: 14px;"&gt;=&gt;&lt;/span&gt; &lt;span class="token punctuation" style="color: #231F20; font-size: 14px;"&gt;(&lt;/span&gt;
  &lt;span class="token punctuation" style="color: #231F20; font-size: 14px;"&gt;(&lt;/span&gt;sum &lt;span class="token operator" style="color: #12b5e5; font-size: 14px;"&gt;+=&lt;/span&gt; x&lt;span class="token punctuation" style="color: #231F20; font-size: 14px;"&gt;)&lt;/span&gt;&lt;span class="token punctuation" style="color: #231F20; font-size: 14px;"&gt;,&lt;/span&gt; x &lt;span class="token operator" style="color: #12b5e5; font-size: 14px;"&gt;*&lt;/span&gt; x
&lt;span class="token punctuation" style="color: #231F20; font-size: 14px;"&gt;)&lt;/span&gt;&lt;span class="token punctuation" style="color: #231F20; font-size: 14px;"&gt;)&lt;/span&gt;&lt;span class="token punctuation" style="color: #231F20; font-size: 14px;"&gt;;&lt;/span&gt;

console&lt;span class="token punctuation" style="color: #231F20; font-size: 14px;"&gt;.&lt;/span&gt;&lt;span class="token function" style="color: #9d7dce; font-size: 14px;"&gt;log&lt;/span&gt;&lt;span class="token punctuation" style="color: #231F20; font-size: 14px;"&gt;(&lt;/span&gt;sum&lt;span class="token punctuation" style="color: #231F20; font-size: 14px;"&gt;)&lt;/span&gt; &lt;span class="token comment" style="color: rgb(167, 167, 167); font-size: 14px;"&gt;// 15&lt;/span&gt;
console&lt;span class="token punctuation" style="color: #231F20; font-size: 14px;"&gt;.&lt;/span&gt;&lt;span class="token function" style="color: #9d7dce; font-size: 14px;"&gt;log&lt;/span&gt;&lt;span class="token punctuation" style="color: #231F20; font-size: 14px;"&gt;(&lt;/span&gt;squares&lt;span class="token punctuation" style="color: #231F20; font-size: 14px;"&gt;)&lt;/span&gt; &lt;span class="token comment" style="color: rgb(167, 167, 167); font-size: 14px;"&gt;// [1, 4, 9, 16, 25]&lt;/span&gt;
&lt;/code&gt;&lt;/pre&gt;
&lt;p style="font-family: Outfit, sans-serif; font-size: 17px; line-height: 1.5; padding-left: 24px; padding-right: 24px;"&gt;This is a fun one. The weirdest part is probably the comma &lt;code style="font-size: 14px;"&gt;,&lt;/code&gt; operator.&lt;/p&gt;
&lt;p style="font-family: Outfit, sans-serif; font-size: 17px; line-height: 1.5; padding-left: 24px; padding-right: 24px;"&gt;If you’re not familiar, &lt;code style="font-size: 14px;"&gt;,&lt;/code&gt; evaluates each of its operands (from left to right) and returns the value of the last operand. This allows us to, in a single line, increase &lt;code style="font-size: 14px;"&gt;sum&lt;/code&gt; by &lt;code style="font-size: 14px;"&gt;x&lt;/code&gt; &lt;strong style="font-weight: 600;"&gt;and&lt;/strong&gt; return the square of &lt;code style="font-size: 14px;"&gt;x&lt;/code&gt;. When finished, we get the &lt;code style="font-size: 14px;"&gt;sum&lt;/code&gt; of the array as well as a new array of &lt;code style="font-size: 14px;"&gt;squares&lt;/code&gt;.&lt;/p&gt;
&lt;div style="text-align:center;padding-bottom:80px;padding-top:80px"&gt;
&lt;div class="bg-alt" style="background-color: #f5f5f5; border-radius: 16px; margin-bottom: 40px; padding: 24px;"&gt;&lt;div style="margin-top:-40px"&gt;
&lt;img src="https://bytes.dev/images/bytes-icon.png" alt="Bytes" width="55px" style="max-width: 100%; width: 55px;"&gt;&lt;h5 style="font-size:18px;font-weight:400;margin-bottom:24px"&gt;Want us to say nice things &lt;br&gt; about your company?&lt;/h5&gt;
&lt;div style="margin-bottom:16px"&gt;&lt;a style="background-color: #FCBA28; border: 1px solid #231F20; border-radius: 100px; color: #231F20; font-size: 14px; font-weight: 600; padding: 8px 14px; text-decoration: none;" href="https://click.convertkit-mail4.com/38u909o4rrakh2dlrvgirh47dzonnh7h4oml/p8hehqu4l3vqwvaq/aHR0cHM6Ly9ieXRlcy5kZXYvYWR2ZXJ0aXNl" url-id="1760401607"&gt;Sponsor Bytes&lt;/a&gt;&lt;/div&gt;
&lt;div style="margin-bottom:20px"&gt;&lt;a style="color: #FCBA28; font-size: 14px; font-weight: 600; text-decoration: underline;" href="https://click.convertkit-mail4.com/38u909o4rrakh2dlrvgirh47dzonnh7h4oml/x0hph3uelrgq58i5/aHR0cHM6Ly9ieXRlcy5kZXYvc2hhcmU=" url-id="1760401608"&gt;or share it&lt;/a&gt;&lt;/div&gt;
&lt;p style="font-family: Outfit, sans-serif; font-size: 14px; line-height: 1.5; padding-left: 24px; padding-right: 24px;"&gt;Built with ❤️ by&lt;!-- --&gt; &lt;a style="color: #ed203d; font-weight: 600; text-decoration: underline;" href="https://click.convertkit-mail4.com/38u909o4rrakh2dlrvgirh47dzonnh7h4oml/6qhehouldkq9mkao/aHR0cHM6Ly91aS5kZXY=" url-id="1760401609"&gt;ui.dev&lt;/a&gt;&lt;/p&gt;
&lt;/div&gt;&lt;/div&gt;
&lt;p style="font-family: Outfit, sans-serif; font-size: 14px; line-height: 1.5; opacity: 0.5; padding-left: 24px; padding-right: 24px;"&gt;50 W Broadway Ste 333 PMB 51647 Salt Lake City, Utah 84101&lt;/p&gt;
&lt;div style="font-family:Papyrus, cursive"&gt;&lt;a class="unsubscribe-link" href="https://click.convertkit-mail4.com/38u909o4rrakh2dlrvgirh47dzonnh7h4oml/kkhmh2un3d7xk5bl/aHR0cHM6Ly9ieXRlcy5kZXYvdW5zdWJzY3JpYmU=" style="color: #9B9890;" url-id="1760401610"&gt;Unsubscribe from Bytes&lt;/a&gt;&lt;/div&gt;
&lt;/div&gt;
&lt;/div&gt;&lt;/td&gt;
&lt;td style="border-collapse: collapse !important; word-break: normal;"&gt;&lt;/td&gt;
&lt;/tr&gt;&lt;/tbody&gt;&lt;/table&gt;

&lt;span style="display: none"&gt;&lt;a href="https://unsubscribe.convertkit-mail4.com/38u909o4rrakh2dlrvgirh47dzonnh7h4oml"&gt;Unsubscribe&lt;/a&gt;&lt;/span&gt;
&lt;!-- --&gt;
&lt;img src="https://open.convertkit-mail4.com/38u909o4rrakh2dlrvgirh47dzonnh7h4oml" alt=""&gt;
&lt;/body&gt;
&lt;/html&gt;
Email Content
