cell_tower Broadcast Station
visibility 2.5K views schedule 1 year ago
CULCHR.TV Vintage Exclusive
Vintage Sneakers Streetwear +37

If you’re frustrated by React, try this

At 3kB, Preact promises us a drop-in replacement for React’s developer experience. Maintainer Jovi De Croock teaches us how it works. Upcoming episodes: https://lwj.dev/schedule Links & Resources: - Jovi's Website: https://jovidecroock.com/ - Jovi's Bluesky: https://bsky.app/profile/jovidecroock.com - Preact Website: https://preactjs.com/ - Vike Preact: https://vike.dev/preact - Next Preact: https://github.com/lfre/next-preact - CodeTv Discord: https://codetv.link/discord - Valtio: https://github.com/pmndrs/valtio - CodeTv Newsletter: https://codetv.dev/newsletter - CodeTv Memberships: https://codetv.dev/support - LWJ Preact Starter Repo: https://github.com/learnwithjason/learn-preact Watch future episodes live at https://lwj.dev/live This episode was sponsored by: - Tuple: https://lwj.dev/tuple Live transcription by White Coat Captioning (https://whitecoatcaptioning.com/) 00:00 Introduction 00:38 Meet Jovi 03:20 Preact vs React: Key Differences 07:05 Signals in Preact 11:06 Getting Started with Preact 14:01 Setting Up a Preact Project 18:06 Building a To-Do List with Preact 38:29 Exploring Preact Signals 46:50 Optimizing Re-renders 48:26 Using Signals for Fine-Grained Reactivity 51:58 Creating a 'All Done' Component 56:12 Building a To-Do Model 01:07:14 Refactoring To-Do List 01:14:48 Final Demonstration and Recap 01:17:07 Q&A and Closing Remarks

0:00 / 0:00
visibility 2,474 views thumb_up 63 comment 4 schedule 1:26:28 2025 1 year ago
At 3kB, Preact promises us a drop-in replacement for React’s developer experience. Maintainer Jovi De Croock teaches us how it works. Upcoming episodes: https://lwj.dev/schedule Links & Resources: - Jovi's Website: https://jovidecroock.com/ - Jovi's Bluesky: https://bsky.app/profile/jovidecroock.com - Preact Website: https://preactjs.com/ - Vike Preact: https://vike.dev/preact - Next Preact: https://github.com/lfre/next-preact - CodeTv Discord: https://codetv.link/discord - Valtio: https://github.com/pmndrs/valtio - CodeTv Newsletter: https://codetv.dev/newsletter - CodeTv Memberships: https://codetv.dev/support - LWJ Preact Starter Repo: https://github.com/learnwithjason/learn-preact Watch future episodes live at https://lwj.dev/live This episode was sponsored by: - Tuple: https://lwj.dev/tuple Live transcription by White Coat Captioning (https://whitecoatcaptioning.com/) 00:00 Introduction 00:38 Meet Jovi 03:20 Preact vs React: Key Differences 07:05 Signals in Preact 11:06 Getting Started with Preact 14:01 Setting Up a Preact Project 18:06 Building a To-Do List with Preact 38:29 Exploring Preact Signals 46:50 Optimizing Re-renders 48:26 Using Signals for Fine-Grained Reactivity 51:58 Creating a 'All Done' Component 56:12 Building a To-Do Model 01:07:14 Refactoring To-Do List 01:14:48 Final Demonstration and Recap 01:17:07 Q&A and Closing Remarks