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.

imagine any React website as a component graph

Aiden Bai

67,797 subscribers

337,426 views • 1 year ago •via X (Twitter)

Science & Technology Education

Anya Rossi• Live Now

Private livecam show

10 Comments

Liam Prevelige1 year ago

The VS code extension “CodeViz” does this with source code

porphyre.eth1 year ago

@cursor_ai hire this guy i need to seem my slop code like this

Josh Sisley1 year ago

This is awesome! What would be even better is if you could see the data flow as well. Maybe like a state management layer on the graph

James Landrum1 year ago

This is neat but I’d rather not

Zach Warunek1 year ago

Need

🌐1 year ago

Can this be done for Vue?

Nizzy1 year ago

woah

Jean-Paul1 year ago

I don't want to!

Will Chen1 year ago

is it a dag?

Igor bedesqui1 year ago

need

Related Videos

you can steal react components from any website without source code most people screenshot UIs and ask AI to recreate them. but with react fiber, you can extract the exact component 1:1 - same styling, props, design system, component structure

you can steal react components from any website without source code most people screenshot UIs and ask AI to recreate them. but with react fiber, you can extract the exact component 1:1 - same styling, props, design system, component structure

david fant

323,395 views • 5 months ago

Introducing Add mesmerizing ASCII art animations to any website. - Drop-in React component - CLI tool to convert videos to ASCII - Growing animation library - Private Discord for support One payment. Lifetime access.

Introducing Add mesmerizing ASCII art animations to any website. - Drop-in React component - CLI tool to convert videos to ASCII - Growing animation library - Private Discord for support One payment. Lifetime access.

Dev Ed

95,099 views • 4 months ago

how does React know if a component renders?

how does React know if a component renders?

Aiden Bai

82,064 views • 1 year ago

Introducing Video2Ascii – a WebGL-powered React component that converts Videos to ASCII art. I came across the General Intuition website and loved their animations but there were no open-source React Components so I reverse engineered it.

Introducing Video2Ascii – a WebGL-powered React component that converts Videos to ASCII art. I came across the General Intuition website and loved their animations but there were no open-source React Components so I reverse engineered it.

Elijah Kurien

198,360 views • 5 months ago

Introducing Vaul 1.0. A drawer component for React. Rewritten, improved, with new docs.

Introducing Vaul 1.0. A drawer component for React. Rewritten, improved, with new docs.

Emil Kowalski

119,010 views • 1 year ago

"How to share state between React client components with a parent server component?" 👇

"How to share state between React client components with a parent server component?" 👇

Alex Sidorenko

50,550 views • 1 year ago

Today, we’re releasing the beta of HTML to React to the public. It’s stupid powerful. ⬇️ Watch how fast I can go from seeing a design I like on an a website to getting a personalized React component. More examples of what this extension can do below

Today, we’re releasing the beta of HTML to React to the public. It’s stupid powerful. ⬇️ Watch how fast I can go from seeing a design I like on an a website to getting a personalized React component. More examples of what this extension can do below

Teddy Ni

226,228 views • 1 year ago

Did you know: you can run React Scan on any website instantly when using the CLI npx react-scan@latest <url>

Did you know: you can run React Scan on any website instantly when using the CLI npx react-scan@latest <url>

Million.js

17,014 views • 1 year ago

I just published the objectively best web-based Liquid Glass implementation in the world as a React component make your landing pages bros link below 👇🏻

I just published the objectively best web-based Liquid Glass implementation in the world as a React component make your landing pages bros link below 👇🏻

Max Rovensky

252,428 views • 1 year ago

This is insane. Imagine you can clone any website with their data.

This is insane. Imagine you can clone any website with their data.

Magnus Müller

128,674 views • 6 months ago

Can you imagine how the media would react if Biden or any other candidate did this?

Can you imagine how the media would react if Biden or any other candidate did this?

Republicans against Trump

1,240,214 views • 2 years ago

⚛️ One component, many forms: the power of polymorphic React components ↓

⚛️ One component, many forms: the power of polymorphic React components ↓

George Moller

59,703 views • 1 year ago

Auth UI: a pre-built React component for authenticating users. Yes, it includes dark mode ⚫️

Auth UI: a pre-built React component for authenticating users. Yes, it includes dark mode ⚫️

Supabase

20,148 views • 3 years ago

You can now connect your React application to any MCP server! And it only takes a single command: $ npx copilotkit@latest init -m MCP This is massive for anyone building React applications! Using the CopilotKit🪁 MCP Client Component, you can get an MCP Client chat component in your application and instant access to any MCP server out there! It doesn't get easier than this. Check out the link below for instructions on how to proceed ↓

You can now connect your React application to any MCP server! And it only takes a single command: $ npx copilotkit@latest init -m MCP This is massive for anyone building React applications! Using the CopilotKit🪁 MCP Client Component, you can get an MCP Client chat component in your application and instant access to any MCP server out there! It doesn't get easier than this. Check out the link below for instructions on how to proceed ↓

Santiago

39,944 views • 1 year ago

Had fun over the weekend building this react component and exploring inline string filtering

Had fun over the weekend building this react component and exploring inline string filtering

Mery

187,018 views • 1 year ago

Introducing Agent React DevTools. AI agents can now inspect React apps beyond the UI: → Component tree and state → Renders and performance → Structured output for debugging Works with React and React Native. Learn more ⬇️

Introducing Agent React DevTools. AI agents can now inspect React apps beyond the UI: → Component tree and state → Renders and performance → Structured output for debugging Works with React and React Native. Learn more ⬇️

Callstack Engineers

18,203 views • 1 month ago

Combining React Aria's Autocomplete, Menu, and upcoming SubDialog component to create multi-level filterable submenus. 😎

Combining React Aria's Autocomplete, Menu, and upcoming SubDialog component to create multi-level filterable submenus. 😎

Devon Govett

16,554 views • 1 year ago

Don't know what it's called but made this component with React and Tailwind in 1 hour

Don't know what it's called but made this component with React and Tailwind in 1 hour

Sam ☕

527,958 views • 7 months ago