Loading video...

Video Failed to Load

There was a problem loading this video. This could be due to a temporary network issue or the video might be unavailable.

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

Aiden Bai

68,557 subscribers

97,330 views • 2 years ago •via X (Twitter)

Anya Rossi• Live Now

Private livecam show

0 Comments

No comments available

Comments from the original post will appear here

Related Videos

Sometimes I forget that I have free will, that I can just use React's useState and Vue reactivity API together in a React component

Sometimes I forget that I have free will, that I can just use React's useState and Vue reactivity API together in a React component

SaltyAom

69,257 views • 3 months ago

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,968 views • 2 years ago

I am releasing "Generate Twist Bones", a new Prefabulous component 🔥 This component will generate twist bones, which improves the look of the elbow joint. The twist bone is automatically weight painted. Documentation:

I am releasing "Generate Twist Bones", a new Prefabulous component 🔥 This component will generate twist bones, which improves the look of the elbow joint. The twist bone is automatically weight painted. Documentation:

Haï~

133,911 views • 2 years ago

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,720 views • 7 months ago

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,927 views • 2 years ago

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,342 views • 2 years ago

🤩 Avoid a single word on the next line with this simple React component. It automatically balances lines of wrapped text. 👉

🤩 Avoid a single word on the next line with this simple React component. It automatically balances lines of wrapped text. 👉

Adham Dannaway

157,545 views • 3 years ago

Geist's Badges got a little update: • Automatically detect circular icons and adjust spacing accordingly • Better contrast on non-white backgrounds using screen and multiply blending modes

Geist's Badges got a little update: • Automatically detect circular icons and adjust spacing accordingly • Better contrast on non-white backgrounds using screen and multiply blending modes

William Bout

29,299 views • 3 months ago

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,690 views • 2 years ago

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 views • 9 months ago

Implementing this new shadcn component inside Synara! I used his component + some tweaks to mimic Codex fluidity and form! Pumped to push this today!

Implementing this new shadcn component inside Synara! I used his component + some tweaks to mimic Codex fluidity and form! Pumped to push this today!

Emanuele Di Pietro

33,607 views • 4 months ago

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

29,148 views • 10 months ago

Small app idea: Timelapse trimmer You give it raw footage, it detect parts with your hands or long static parts and trims automatically

Small app idea: Timelapse trimmer You give it raw footage, it detect parts with your hands or long static parts and trims automatically

Adam Pietrasiak

91,303 views • 1 year ago

"Astra, render this art in 3D and show me what's inside"

"Astra, render this art in 3D and show me what's inside"

Rohan Nuttall

16,874 views • 1 month ago

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,899 views • 6 months ago

Here's a cozy pastel render by Astra. What an incredible model! Can't pick which style I like more.

Here's a cozy pastel render by Astra. What an incredible model! Can't pick which style I like more.

Shikhar

32,974 views • 1 month ago

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,738 views • 1 year ago