Video wird geladen...

Video konnte nicht geladen werden

Zur Startseite

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

aidenybai's profile picture

Aiden Bai

65,691 subscribers

97,314 Aufrufe • vor 1 Jahr •via X (Twitter)

LIVE

Anya Rossi• Live Now

Private livecam show

0 Kommentare

Keine Kommentare verfügbar

Kommentare vom Original-Post werden hier angezeigt

Ähnliche Videos

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 Aufrufe • vor 1 Jahr

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 Aufrufe • vor 3 Monaten

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 Aufrufe • vor 1 Jahr

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 Aufrufe • vor 1 Jahr

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 Aufrufe • vor 1 Jahr

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 Aufrufe • vor 5 Monaten

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 Aufrufe • vor 1 Jahr

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 Aufrufe • vor 6 Monaten

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 Aufrufe • vor 1 Monat

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 Aufrufe • vor 1 Jahr

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 Aufrufe • vor 1 Jahr

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 Aufrufe • vor 11 Monaten

✨🇨🇳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 Aufrufe • vor 5 Monaten

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 Aufrufe • vor 6 Monaten

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 Aufrufe • vor 2 Monaten

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 Aufrufe • vor 2 Jahren

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 Aufrufe • vor 11 Monaten

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 Aufrufe • vor 1 Jahr

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 Aufrufe • vor 3 Monaten