Wes Bos & Scott Tolinski - Full Stack JavaScript Web Developers

Zpravodajství

Technologické zprávy

Technika

712: 2024 Predictions

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.

Wes and Scott give their predictions for 2024 in JavaScript, frameworks, server-side JS, tooling, CSS, developer ecosystem, and AI tooling. <h3 class="code-line" data-line-start="2" data-line-end="3"><a id= "Show_Notes_2"></a>Show Notes</h3> <ul> <li class="has-line-data" data-line-start="4" data-line-end="5"> <a href="#t=00:10">00:10</a> Welcome</li> <li class="has-line-data" data-line-start="5" data-line-end="6"> <a href="#t=01:10">01:10</a> Syntax Brought to you by Sentry</li> <li class="has-line-data" data-line-start="6" data-line-end="7"> <a href="#t=02:00">02:00</a> Types in JS will have real movement</li> <li class="has-line-data" data-line-start="7" data-line-end="8"> <a href="#t=05:10">05:10</a> Temporal API will ship in 1 browser</li> <li class="has-line-data" data-line-start="8" data-line-end="9"> <a href="#t=06:38">06:38</a> Perf tooling gets easy for everyone to understand</li> <li class="has-line-data" data-line-start="9" data-line-end="10"> <a href="#t=07:32">07:32</a> CSS continues to get better where you need less JS</li> <li class="has-line-data" data-line-start="10" data-line-end="11"> <a href="#t=08:35">08:35</a> The year of the server in frameworks</li> <li class="has-line-data" data-line-start="11" data-line-end="12"> <a href="#t=10:32">10:32</a> Svelte v5 is very fast</li> <li class="has-line-data" data-line-start="12" data-line-end="13"> <a href="https://kit.svelte.dev/">SvelteKit • Web development, streamlined</a></li> <li class="has-line-data" data-line-start="13" data-line-end="14"> <a href="#t=12:04">12:04</a> Astro is going to have a good year</li> <li class="has-line-data" data-line-start="14" data-line-end="15"> <a href="https://astro.build/">Astro</a></li> <li class="has-line-data" data-line-start="15" data-line-end="16"> <a href="https://www.youtube.com/watch?v=b4HZpv61V1U">4 Web Devs, 1 App Idea (Salma Alam-Naylor, Scott Tolinski, Eve Porcello)</a></li> <li class="has-line-data" data-line-start="16" data-line-end="17"> <a href="#t=14:22">14:22</a> React server components</li> <li class="has-line-data" data-line-start="17" data-line-end="18"> <a href="https://github.com/dai-shi/waku">dai-shi/waku: ⛩️ The minimal React framework</a></li> <li class="has-line-data" data-line-start="18" data-line-end="19"> <a href="https://waku.gg/">Waku</a></li> <li class="has-line-data" data-line-start="19" data-line-end="20"> <a href="#t=19:45">19:45</a> Remix moves away from page-based loaders, to component loaders</li> <li class="has-line-data" data-line-start="20" data-line-end="21"> <a href="#t=20:52">20:52</a> Hono will become more ubiquitous</li> <li class="has-line-data" data-line-start="21" data-line-end="22"> <a href="https://hono.dev/">Hono - Ultrafast web framework for the Edges</a></li> <li class="has-line-data" data-line-start="22" data-line-end="23"> <a href="#t=23:23">23:23</a> Node will introduce TypeScript support via loaders</li> <li class="has-line-data" data-line-start="23" data-line-end="24"> <a href="#t=24:48">24:48</a> We will see a route matching Proposal move ahead</li> <li class="has-line-data" data-line-start="24" data-line-end="25"> <a href="https://urlpattern.spec.whatwg.org/">URL Pattern Standard</a></li> <li class="has-line-data" data-line-start="25" data-line-end="26"> <a href="#t=26:34">26:34</a> Bun releases full node compat</li> <li class="has-line-data" data-line-start="26" data-line-end="27"> <a href="#t=27:34">27:34</a> We will see a new Linter + formatter entirely replace</li> <li class="has-line-data" data-line-start="27" data-line-end="28"> <a href="https://biomejs.dev/internals/language-support/">Language support | Biome</a></li> <li class="has-line-data" data-line-start="28" data-line-end="29"> <a href="https://github.com/oxc-project/oxc/issues/1326">HTML support · Issue #1326 · oxc-project/oxc</a></li> <li class="has-line-data" data-line-start="29" data-line-end="30"> <a href="https://prettier.io/">Prettier · Opinionated Code Formatter</a></li> <li class="has-line-data" data-line-start="30" data-line-end="31"> <a href="#t=31:44">31:44</a> New TypeScript typechecker</li> <li class="has-line-data" data-line-start="31" data-line-end="32"> <a href="#t=32:42">32:42</a> Lightning CSS pops - or does it?</li> <li class="has-line-data" data-line-start="32" data-line-end="33"> <a href="#t=34:37">34:37</a> You’ll hear more about Rspack and Turbopack</li> <li class="has-line-data" data-line-start="33" data-line-end="34"> <a href="#t=35:55">35:55</a> Vite isn’t going to release anything big in 2024</li> <li class="has-line-data" data-line-start="34" data-line-end="35"> <a href="https://vitejs.dev/">Vite | Next Generation Frontend Tooling</a></li> <li class="has-line-data" data-line-start="35" data-line-end="36"> <a href="#t=36:55">36:55</a> CSS contrast-color will land in chrome</li> <li class="has-line-data" data-line-start="36" data-line-end="37"> <a href="#t=37:27">37:27</a> Relative color will land in all major browsers</li> <li class="has-line-data" data-line-start="37" data-line-end="38"> <a href="#t=37:48">37:48</a> Scroll animation landing in 2 browsers</li> <li class="has-line-data" data-line-start="38" data-line-end="39"> <a href="#t=38:40">38:40</a> The year of CSS discovery</li> <li class="has-line-data" data-line-start="39" data-line-end="40"> <a href="#t=41:20">41:20</a> Safari will Ship 3 missing PWA Support</li> <li class="has-line-data" data-line-start="40" data-line-end="41"> <a href="#t=44:10">44:10</a> Firefox usage will continue to slip</li> <li class="has-line-data" data-line-start="41" data-line-end="42"> <a href="#t=47:43">47:43</a> Paid Arc features</li> <li class="has-line-data" data-line-start="42" data-line-end="43"> <a href="#t=47:55">47:55</a> More XR web experiences as Apple releases in Vision Pro</li> <li class="has-line-data" data-line-start="43" data-line-end="44"> <a href="#t=49:07">49:07</a> AI Tooling</li> <li class="has-line-data" data-line-start="44" data-line-end="45"> <a href="https://www.usegalileo.ai/explore">Galileo AI</a></li> <li class="has-line-data" data-line-start="45" data-line-end="46"> <a href="https://v0.dev/">v0 by Vercel</a></li> <li class="has-line-data" data-line-start="46" data-line-end="47"> <a href= "https://huggingface.co/docs/transformers.js/index">Transformers.js</a></li> <li class="has-line-data" data-line-start="47" data-line-end="48"> <a href="#t=51:07">51:07</a> Small Models that run in the browser</li> <li class="has-line-data" data-line-start="48" data-line-end="49"> <a href="#t=52:08">52:08</a> Apps get sherlocked by OpenAI</li> <li class="has-line-data" data-line-start="49" data-line-end="50"> <a href="#t=53:24">53:24</a> On prem corporate AI</li> <li class="has-line-data" data-line-start="50" data-line-end="52"> <a href="#t=54:15">54:15</a> Sick Picks</li> </ul> <h3 class="code-line" data-line-start="52" data-line-end="53"> <a id="Sick_Picks_52"></a>Sick Picks</h3> <ul> <li class="has-line-data" data-line-start="54" data-line-end="55"> Scott: <a href="https://amzn.to/3GRNDRo">ISO100 protein power</a>, <a href="https://letterboxd.com/film/weekend-at-bernies/">Weekend at Bernie’s</a></li> <li class="has-line-data" data-line-start="55" data-line-end="57"> Wes: <a href="https://amzn.to/3Rvs91R">Roborock S8 Pro Ultra Vaccum + Mop</a></li> </ul> <h3 class="code-line" data-line-start="57" data-line-end="58"> <a id="Shameless_Plugs_57"></a>Shameless Plugs</h3> <ul> <li class="has-line-data" data-line-start="59" data-line-end="60"> Scott: <a href="https://syntax.fm/snackpack">Syntax Newsletter</a></li> <li class="has-line-data" data-line-start="60" data-line-end="62"> Wes: <a href="https://wesbos.com/courses">Wes Bos Courses</a></li> </ul> <h3 class="code-line" data-line-start="62" data-line-end="63"> <a id="Hit_us_up_on_Socials_62"></a>Hit us up on Socials!</h3> 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>

Wes and Scott give their predictions for 2024 in JavaScript, frameworks, server-side JS, tooling, CSS, developer ecosystem, and AI tooling.
 Show Notes  00:10 Welcome
 01:10 Syntax Brought to you by Sentry
 02:00 Types in JS will have real movement
 05:10 Temporal API will ship in 1 browser
 06:38 Perf tooling gets easy for everyone to understand
 07:32 CSS continues to get better where you need less JS
 08:35 The year of the server in frameworks
 10:32 Svelte v5 is very fast
 SvelteKit • Web development, streamlined

 12:04 Astro is going to have a good year
 Astro

 4 Web Devs, 1 App Idea (Salma Alam-Naylor, Scott Tolinski, Eve Porcello)

 14:22 React server components
 dai-shi/waku: ⛩️ The minimal React framework

 Waku

 19:45 Remix moves away from page-based loaders, to component loaders
 20:52 Hono will become more ubiquitous
 Hono - Ultrafast web framework for the Edges

 23:23 Node will introduce TypeScript support via loaders
 24:48 We will see a route matching Proposal move ahead
 URL Pattern Standard

 26:34 Bun releases full node compat
 27:34 We will see a new Linter + formatter entirely replace
 Language support | Biome

 HTML support · Issue #1326 · oxc-project/oxc

 Prettier · Opinionated Code Formatter

 31:44 New TypeScript typechecker
 32:42 Lightning CSS pops - or does it?
 34:37 You’ll hear more about Rspack and Turbopack
 35:55 Vite isn’t going to release anything big in 2024
 Vite | Next Generation Frontend Tooling

 36:55 CSS contrast-color will land in chrome
 37:27 Relative color will land in all major browsers
 37:48 Scroll animation landing in 2 browsers
 38:40 The year of CSS discovery
 41:20 Safari will Ship 3 missing PWA Support
 44:10 Firefox usage will continue to slip
 47:43 Paid Arc features
 47:55 More XR web experiences as Apple releases in Vision Pro
 49:07 AI Tooling
 Galileo AI

 v0 by Vercel

 Transformers.js

 51:07 Small Models that run in the browser
 52:08 Apps get sherlocked by OpenAI
 53:24 On prem corporate AI
 54:15 Sick Picks
  Sick Picks  Scott: ISO100 protein power, Weekend at Bernie’s

 Wes: Roborock S8 Pro Ultra Vaccum + Mop

  Shameless Plugs  Scott: Syntax Newsletter

 Wes: Wes Bos Courses

  Hit us up on Socials! Syntax: X Instagram Tiktok LinkedIn Threads
 Wes: X Instagram Tiktok LinkedIn Threads
 Scott: X Instagram Tiktok LinkedIn Threads

Aplikace Youradio Talk

712: 2024 Predictions

Poslechněte si podcast