Scott and Wes look into their crystal ball to predict what’s coming in web development next year. From the rise of on-device AI to the vanilla CSS comeback, Bun’s big moves, and React’s evolution, this episode is packed with bold predictions and hot takes! <a id= "Show_Notes_2"></a>Show Notes <ul> <li class="has-line-data" data-line-start="4" data-line-end="5"> <a href="#t=00:00">00:00</a> Welcome to Syntax!</li> <li class="has-line-data" data-line-start="5" data-line-end="6"> <a href="#t=02:00">02:00</a> Brought to you by <a href="https://sentry.io/syntax">Sentry.io</a>.</li> <li class="has-line-data" data-line-start="6" data-line-end="7"> <a href="#t=03:09">03:09</a> The agenda.</li> <li class="has-line-data" data-line-start="7" data-line-end="9"> <a href="#t=03:40">03:40</a> Temporal Javascript api will ship in Safari and Chrome. <ul> <li class="has-line-data" data-line-start="8" data-line-end="9"> <a href="https://tc39.es/proposal-temporal/docs/">Temporal Proposal</a>.</li> </ul> </li> <li class="has-line-data" data-line-start="9" data-line-end="12"> <a href="#t=06:23">06:23</a> On device AI. <ul> <li class="has-line-data" data-line-start="10" data-line-end="11"> <a href= "https://developer.mozilla.org/en-US/docs/Web/API/WebGPU_API">WebGPU API</a></li> <li class="has-line-data" data-line-start="11" data-line-end="12"> <a href="https://github.com/google/dawn">Dawn Native WebGPU</a></li> </ul> </li> <li class="has-line-data" data-line-start="12" data-line-end="14"> <a href="#t=10:26">10:26</a> Models will plateau. <ul> <li class="has-line-data" data-line-start="13" data-line-end="14"> <a href="https://bolt.new/">Bolt.new</a>, <a href= "https://v0.dev/">v0</a>, <a href= "https://lovable.dev/">Lovable.dev</a>.</li> </ul> </li> <li class="has-line-data" data-line-start="14" data-line-end="16"> <a href="#t=13:40">13:40</a> Web Awesome will become the most used web components library. <ul> <li class="has-line-data" data-line-start="15" data-line-end="16"> <a href="https://blog.fontawesome.com/introducing-web-awesome/">Web Awesome</a>.</li> </ul> </li> <li class="has-line-data" data-line-start="16" data-line-end="17"> <a href="#t=15:57">15:57</a> We will be using more web components.</li> <li class="has-line-data" data-line-start="17" data-line-end="18"> <a href="#t=16:59">16:59</a> A push towards the ‘standard stack’.</li> <li class="has-line-data" data-line-start="18" data-line-end="19"> <a href="#t=19:38">19:38</a> We can really use relative color.</li> <li class="has-line-data" data-line-start="19" data-line-end="20"> <a href="#t=21:39">21:39</a> Vanilla CSS comeback.</li> <li class="has-line-data" data-line-start="20" data-line-end="21"> <a href="#t=23:35">23:35</a> A complete Mixins / Functions API for CSS.</li> <li class="has-line-data" data-line-start="21" data-line-end="22"> <a href="#t=24:27">24:27</a> Conditionals will ship in all browsers.</li> <li class="has-line-data" data-line-start="22" data-line-end="23"> <a href="#t=25:50">25:50</a> People will still make vertical centering jokes.</li> <li class="has-line-data" data-line-start="23" data-line-end="24"> <a href="#t=27:08">27:08</a> VSCode will be feature parity with Cursor.</li> <li class="has-line-data" data-line-start="24" data-line-end="25"> <a href="#t=28:22">28:22</a> Framework choice will matter less with AI tools.</li> <li class="has-line-data" data-line-start="25" data-line-end="29"> <a href="#t=29:12">29:12</a> OpenAI will launch a browser. <ul> <li class="has-line-data" data-line-start="26" data-line-end="27"> <a href="https://dupe.com/">Dupe.com</a>.</li> <li class="has-line-data" data-line-start="27" data-line-end="28"> <a href= "https://www.netflix.com/tudum/articles/buy-now-shopping-conspiracy-release-date-news"> Buy Now! The Shopping Conspiracy</a>.</li> <li class="has-line-data" data-line-start="28" data-line-end="29"> <a href="https://krazybinz.ca/">Krazy Binz</a>.</li> </ul> </li> <li class="has-line-data" data-line-start="29" data-line-end="31"> <a href="#t=37:18">37:18</a> React will drop Babel. <ul> <li class="has-line-data" data-line-start="30" data-line-end="31"> <a href="https://babeljs.io/docs/">BabelJS</a>.</li> </ul> </li> <li class="has-line-data" data-line-start="31" data-line-end="32"> <a href="#t=38:05">38:05</a> React Server Components will pop.</li> <li class="has-line-data" data-line-start="32" data-line-end="33"> <a href="#t=39:46">39:46</a> Remix will relaunch as something entirely different.</li> <li class="has-line-data" data-line-start="33" data-line-end="34"> <a href="#t=41:11">41:11</a> React Native will have it’s time.</li> <li class="has-line-data" data-line-start="34" data-line-end="35"> <a href="#t=42:06">42:06</a> Svelte will get component-based islands or data loading.</li> <li class="has-line-data" data-line-start="35" data-line-end="36"> <a href="#t=44:19">44:19</a> Server Runtimes, Bun will continue to do non-standard, lovable things.</li> <li class="has-line-data" data-line-start="36" data-line-end="37"> <a href="#t=44:44">44:44</a> Bun will release a PAS to compete with NPM, Vercel, and Vite.</li> <li class="has-line-data" data-line-start="37" data-line-end="38"> <a href="#t=46:06">46:06</a> Laravel will release a CMS.</li> <li class="has-line-data" data-line-start="38" data-line-end="39"> <a href="#t=47:57">47:57</a> Vite will stay king.</li> <li class="has-line-data" data-line-start="39" data-line-end="42"> <a href="#t=48:03">48:03</a> Rolldown ships in the next version of Vite. <ul> <li class="has-line-data" data-line-start="40" data-line-end="41"> <a href="https://rolldown.rs">Rolldown</a>.</li> <li class="has-line-data" data-line-start="41" data-line-end="42"> <a href="https://statamic.com/">Statamic</a>.</li> </ul> </li> <li class="has-line-data" data-line-start="42" data-line-end="44"> <a href="#t=49:35">49:35</a> Sick Picks & Shameless Plugs.</li> </ul> <a id="Sick_Picks_44"></a>Sick Picks <ul> <li class="has-line-data" data-line-start="46" data-line-end="47"> Scott: <a href="https://amzn.to/3ODbjwR">PHILIPS A19 Ultra Definition Dimmable Light Bulb</a>.</li> <li class="has-line-data" data-line-start="47" data-line-end="49"> Wes: <a href="https://github.com/exelban/stats">Stats App</a>.</li> </ul> <a id="Shameless_Plugs_49"></a>Shameless Plugs <ul> <li class="has-line-data" data-line-start="51" data-line-end="53"> Scott: <a href="www.youtube.com/@syntaxfm">Syntax on YouTube</a>.</li> </ul> <a id="Hit_us_up_on_Socials_53"></a>Hit us up on Socials! Syntax: <a href="https://twitter.com/syntaxfm">X</a> <a href= "https://www.instagram.com/syntax_fm/">Instagram</a> <a href= "https://www.tiktok.com/@syntaxfm">Tiktok</a> <a href= "https://www.linkedin.com/company/96077407/admin/feed/posts/">LinkedIn</a> <a href="https://www.threads.net/@syntax_fm">Threads</a> Wes: <a href="https://twitter.com/wesbos">X</a> <a href= "https://www.instagram.com/wesbos/">Instagram</a> <a href= "https://www.tiktok.com/@wesbos">Tiktok</a> <a href= "https://www.linkedin.com/in/wesbos/">LinkedIn</a> <a href= "https://www.threads.net/@wesbos">Threads</a> Scott: <a href="https://twitter.com/stolinski">X</a> <a href= "https://www.instagram.com/stolinski/">Instagram</a> <a href= "https://www.tiktok.com/@stolinski">Tiktok</a> <a href= "https://www.linkedin.com/in/stolinski/">LinkedIn</a> <a href= "https://www.threads.net/@stolinski">Threads</a> Randy: <a href="https://twitter.com/randyrektor">X</a> <a href= "https://www.instagram.com/randyrektor/">Instagram</a> <a href= "https://www.youtube.com/@randyrektor">YouTube</a> <a href= "https://www.threads.net/@randyrektor">Threads</a>

Podurama

Home

Trending

Personal

Your Podcasts

New Episodes

My Files

Favourite Episodes

Tags (Folders)

Recently Played

Bookmarks

Followed Playlists

866: 2025 Web Development Predictions

Syntax - Tasty Web Development Treats

AI Chapters

AI Insights

Reviews