Загрузка видео...

Не удалось загрузить видео

На главную

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

aidenybai's profile picture

Aiden Bai

65,691 subscribers

97,314 просмотров • 1 год назад •via X (Twitter)

LIVE

Anya Rossi• Live Now

Private livecam show

Комментарии: 0

Нет доступных комментариев

Здесь появятся комментарии из оригинального поста

Похожие видео

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 просмотров • 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
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 просмотров • 3 месяцев назад

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 просмотров • 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
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 просмотров • 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! 😲
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 просмотров • 1 год назад

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 просмотров • 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 :)
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 просмотров • 1 год назад

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 просмотров • 6 месяцев назад

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 просмотров • 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 :)
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 просмотров • 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.
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 просмотров • 1 год назад

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 просмотров • 11 месяцев назад

✨🇨🇳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 просмотров • 5 месяцев назад

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 просмотров • 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
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 просмотров • 2 месяцев назад

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 просмотров • 2 лет назад

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 просмотров • 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
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 просмотров • 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
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 просмотров • 3 месяцев назад