Video yükleniyor...

Video Yüklenemedi

Ana Sayfaya Dön

Automatically detect which useContext/useState caused a component render inside VSCode

aidenybai's profile picture

Aiden Bai

65,691 subscribers

97,314 görüntüleme • 1 yıl önce •via X (Twitter)

LIVE

Anya Rossi• Live Now

Private livecam show

0 Yorum

Yorum bulunmuyor

Orijinal gönderinin yorumları burada görünecek

Benzer Videolar

See all the places your React component is used in VSCode with referencesCodeLens
0:17

See all the places your React component is used in VSCode with referencesCodeLens

Alex Sidorenko

136,911 görüntüleme • 1 yıl önce

Warming up for Vercel Ship, we created this small experience using Three.js To detect pointer events, we used a separate render target; each sticker's instance renders its own ID as a color. On click, we sample that texture to detect which instance you are trying to remove
0:19

Warming up for Vercel Ship, we created this small experience using Three.js To detect pointer events, we used a separate render target; each sticker's instance renders its own ID as a color. On click, we sample that texture to detect which instance you are trying to remove

Matias 🧉

10,551 görüntüleme • 3 ay önce

Introducing Million Lint: A VSCode extension that automatically fixes slow React code for you! Try it out via CLI: npx million@latest
0:15

Introducing Million Lint: A VSCode extension that automatically fixes slow React code for you! Try it out via CLI: npx million@latest

Aiden Bai

213,789 görüntüleme • 1 yıl önce

Storybook Test sneak peek 👀 ⚡️ Blazing fast tests that run in the browser 🌈 Component, visual, and a11y tests simultaneously 🚦 Visualize results inside Storybook 👉 Click-to-debug in your own browser 🌐 Optimized for test coverage 💻 VSCode integration via Vitest
0:10

Storybook Test sneak peek 👀 ⚡️ Blazing fast tests that run in the browser 🌈 Component, visual, and a11y tests simultaneously 🚦 Visualize results inside Storybook 👉 Click-to-debug in your own browser 🌐 Optimized for test coverage 💻 VSCode integration via Vitest

Storybook

22,233 görüntüleme • 1 yıl önce

A cool feature of the Disclosure component is that it uses the hidden=until-found attribute so you can still search the content while it is closed with ctrl+F (currently supported in Chrome). The disclosure will automatically open when content is found inside! 😲
0:14

A cool feature of the Disclosure component is that it uses the hidden=until-found attribute so you can still search the content while it is closed with ctrl+F (currently supported in Chrome). The disclosure will automatically open when content is found inside! 😲

Devon Govett

10,687 görüntüleme • 1 yıl önce

can your vibe coding tool do this? real prod codebase, no setup pain prompt: "Render all the spinner animation patterns from the @​N​o​t​i​f​i​c​a​t​i​o​n component in a grid layout. render each pattern with its name below it"
0:18

can your vibe coding tool do this? real prod codebase, no setup pain prompt: "Render all the spinner animation patterns from the @​N​o​t​i​f​i​c​a​t​i​o​n component in a grid layout. render each pattern with its name below it"

Kevin Grajeda

144,352 görüntüleme • 5 ay önce

introducing: drawing board component for Framer use this component to sketch ideas, leave notes, or create interactive whiteboard moments right inside your canvas. comment "DRAW" and i’ll send you the component for free :)
0:16

introducing: drawing board component for Framer use this component to sketch ideas, leave notes, or create interactive whiteboard moments right inside your canvas. comment "DRAW" and i’ll send you the component for free :)

Framer University

11,225 görüntüleme • 1 yıl önce

Flow Effect, now in Framer. Automatically animate sections along with any interaction or component with transitions you control. No more nested components needed.
0:10

Flow Effect, now in Framer. Automatically animate sections along with any interaction or component with transitions you control. No more nested components needed.

benjamin

28,878 görüntüleme • 6 ay önce

University Student Watching Skeem Sam Soapie Inside Lecture Room Has Caused A Stir
0:19

University Student Watching Skeem Sam Soapie Inside Lecture Room Has Caused A Stir

Crime_spotterSA

138,736 görüntüleme • 1 ay önce

introducing: follow cursor component for Framer. place it inside any element on your canvas, and it’ll make it follow your cursor. comment 'CURSOR' and i’ll send you the component :)
0:12

introducing: follow cursor component for Framer. place it inside any element on your canvas, and it’ll make it follow your cursor. comment 'CURSOR' and i’ll send you the component :)

Framer University

16,705 görüntüleme • 1 yıl önce

19. Password updates are coming to Chrome. Later this year, Chrome will detect if your password is compromised. It will then generate a strong new password and update it automatically on supported websites.
0:10

19. Password updates are coming to Chrome. Later this year, Chrome will detect if your password is compromised. It will then generate a strong new password and update it automatically on supported websites.

Mario Nawfal

27,728 görüntüleme • 1 yıl önce

A blast heard inside #Kirkuk Airport, reportedly caused by an unknown object that ignited a fire within the facility.
0:15

A blast heard inside #Kirkuk Airport, reportedly caused by an unknown object that ignited a fire within the facility.

Barzan Sadiq

13,221 görüntüleme • 11 ay önce

✨🇨🇳A Chinese business owner shared a video—inside, a wall-painting machine is automatically crafting intricate artwork on walls. That’s absolutely awesome!
0:13

✨🇨🇳A Chinese business owner shared a video—inside, a wall-painting machine is automatically crafting intricate artwork on walls. That’s absolutely awesome!

🇨🇳XuZhenqing徐祯卿

66,947 görüntüleme • 5 ay önce

These foams,which appear after rain and resemble a disinfectant,are caused by chemical geoengineering residues…
0:15

These foams,which appear after rain and resemble a disinfectant,are caused by chemical geoengineering residues…

Gök Medresesi

24,082 görüntüleme • 6 ay önce

Claude Code on desktop lets you select DOM elements directly, much easier than describing which component you want updated! Claude gets the tag, classes, key styles, surrounding HTML, and a cropped screenshot. React apps also get the source file, component name and props
0:16

Claude Code on desktop lets you select DOM elements directly, much easier than describing which component you want updated! Claude gets the tag, classes, key styles, surrounding HTML, and a cropped screenshot. React apps also get the source file, component name and props

Lydia Hallie ✨

605,225 görüntüleme • 2 ay önce

This incredible heat and a room with these type of glass windows caused a fire to appear inside the Samsung Smart Classroom.
0:17

This incredible heat and a room with these type of glass windows caused a fire to appear inside the Samsung Smart Classroom.

𝔼𝕕𝕘𝕖 beginning to look a lot like Christmas🎄

12,850 görüntüleme • 2 yıl önce

A new shadcn primitive for ye! The Image Crop component — a fully composable component for cropping uploaded images. Link 👇🧵
0:11

A new shadcn primitive for ye! The Image Crop component — a fully composable component for cropping uploaded images. Link 👇🧵

Hayden Bleasel

29,571 görüntüleme • 11 ay önce

Another cool component I ported to Framer – a dynamic scroll progress table of content 👀 It retrieves all your h1/h2/h3 from your page automatically. See video below ↓ Like/comment/RT for a free Framer remix link 🤝 Original concept by Nitish Khagwal
0:11

Another cool component I ported to Framer – a dynamic scroll progress table of content 👀 It retrieves all your h1/h2/h3 from your page automatically. See video below ↓ Like/comment/RT for a free Framer remix link 🤝 Original concept by Nitish Khagwal

Fred Moon 🚀

24,951 görüntüleme • 1 yıl önce

Generative UI for Svelte is here – JSON specs to native Svelte components – Runes-based reactivity – Type-safe component registries – Streaming UI generation – State, actions, visibility, validation providers npx skills add vercel-labs/json-render --skill svelte
0:16

Generative UI for Svelte is here – JSON specs to native Svelte components – Runes-based reactivity – Type-safe component registries – Streaming UI generation – State, actions, visibility, validation providers npx skills add vercel-labs/json-render --skill svelte

Chris Tate

27,051 görüntüleme • 3 ay önce