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

68,557 subscribers

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

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
0:10

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

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

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:
0:15

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

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

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

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

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

Adham Dannaway

157,545 Aufrufe • vor 3 Jahren

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
0:13

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

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

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 9 Monaten

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

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

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

29,148 Aufrufe • vor 10 Monaten

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

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

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

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

Rohan Nuttall

16,874 Aufrufe • vor 1 Monat

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

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

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

Shikhar

32,974 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,738 Aufrufe • vor 1 Jahr