Wes Bos & Scott Tolinski - Full Stack JavaScrip...

Zpravodajství

Technologické zprávy

Technika

897: Making Your App Feel Faster Than It Really Is

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.

Scott and Wes break down the tricks and techniques for making your app feel blazing fast—even when it’s not. From optimistic UI to preload-on-hover, it’s all about perception, not just performance. Show Notes  00:00 Welcome to Syntax! 01:12 Brought to you by Sentry.io. 02:34 Mousedown or pointerdown events. 06:00 UI animations should be fast. 08:00 Animations should not block interaction. 08:20 Animations should be cancellable / reversible. 10:50 Optimistic UI. 12:37 Local Data. 13:36 Delay loading indicators. 14:40 Page loading indicators. 15:47 Preload on hover. 17:13 Calculate mouse trajectory. 18:51 Full page spinner on every change. 20:04 Pixelated spinners. 20:23 Skeleton loaders. 23:43 Photo frames. 25:52 Search on input instead of search on click. 26:46 Progress loaders than move in between steps. 27:31 Community submissions. Hit us up on Socials! Syntax: X Instagram Tiktok LinkedIn Threads Wes: X Instagram Tiktok LinkedIn Threads Scott: X Instagram Tiktok LinkedIn Threads Randy: X Instagram YouTube Threads

Scott and Wes break down the tricks and techniques for making your app feel blazing fast—even when it’s not. From optimistic UI to preload-on-hover, it’s all about perception, not just performance.
 Show Notes  00:00 Welcome to Syntax!
 01:12 Brought to you by Sentry.io.
 02:34 Mousedown or pointerdown events.
 06:00 UI animations should be fast.
 08:00 Animations should not block interaction.
 08:20 Animations should be cancellable / reversible.
 10:50 Optimistic UI.
 12:37 Local Data.
 13:36 Delay loading indicators.
 14:40 Page loading indicators.
 15:47 Preload on hover.
 17:13 Calculate mouse trajectory.
 18:51 Full page spinner on every change.
 20:04 Pixelated spinners.
 20:23 Skeleton loaders.
 23:43 Photo frames.
 25:52 Search on input instead of search on click.
 26:46 Progress loaders than move in between steps.
 27:31 Community submissions.
  Hit us up on Socials! Syntax: X Instagram Tiktok LinkedIn Threads
 Wes: X Instagram Tiktok LinkedIn Threads
 Scott: X Instagram Tiktok LinkedIn Threads
 Randy: X Instagram YouTube Threads

Aplikace Youradio Talk

897: Making Your App Feel Faster Than It Really Is

Poslechněte si podcast