正在加载视频...

视频加载失败

加载此视频时出现问题。这可能是由于临时网络问题，或视频可能不可用。

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

Aiden Bai

65,691 subscribers

97,314 次观看 • 1 年前 •via X (Twitter)

Anya Rossi• Live Now

Private livecam show

0 条评论

暂无评论

原始帖子的评论将显示在这里

相关视频

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

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

Alex Sidorenko

136,911 次观看 • 1 年前

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

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 次观看 • 3 个月前

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

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 次观看 • 1 年前

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 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 次观看 • 1 年前

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! 😲

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 次观看 • 1 年前

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

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

Kevin Grajeda

144,352 次观看 • 5 个月前

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 :)

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 次观看 • 1 年前

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

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 次观看 • 6 个月前

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

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

Crime_spotterSA

138,736 次观看 • 1 个月前

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 :)

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 次观看 • 1 年前

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.

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 次观看 • 1 年前

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

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

Barzan Sadiq

13,221 次观看 • 11 个月前

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

✨🇨🇳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 次观看 • 5 个月前

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

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

Gök Medresesi

24,082 次观看 • 6 个月前

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

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 次观看 • 2 个月前

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

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 次观看 • 2 年前

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

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

Hayden Bleasel

29,571 次观看 • 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

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 次观看 • 1 年前

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

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 次观看 • 3 个月前