Video yükleniyor...

Video Yüklenemedi

Ana Sayfaya Dön

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

aidenybai's profile picture

Aiden Bai

68,557 subscribers

97,330 görüntüleme • 2 yıl önce •via X (Twitter)

LIVE

Anya Rossi• Live Now

Private livecam show

0 Yorum

Yorum bulunmuyor

Orijinal gönderinin yorumları burada görünecek

Benzer Videolar

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 görüntüleme • 3 ay önce

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 görüntüleme • 2 yıl önce

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 görüntüleme • 2 yıl önce

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 görüntüleme • 7 ay önce

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 görüntüleme • 2 yıl önce

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 görüntüleme • 2 yıl önce

🤩 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 görüntüleme • 3 yıl önce

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 görüntüleme • 3 ay önce

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 görüntüleme • 2 yıl önce

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 görüntüleme • 9 ay önce

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 görüntüleme • 4 ay önce

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 görüntüleme • 10 ay önce

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 görüntüleme • 1 yıl önce

"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 görüntüleme • 1 ay önce

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 görüntüleme • 6 ay önce

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 görüntüleme • 1 ay önce

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 görüntüleme • 1 yıl önce