正在加载视频...

视频加载失败

返回首页

imagine any React website as a component graph

aidenybai's profile picture

Aiden Bai

67,797 subscribers

337,426 次观看 • 1 年前 •via X (Twitter)

科学技术教育
LIVE

Anya Rossi• Live Now

Private livecam show

10 条评论

Liam Prevelige 的头像
Liam Prevelige1 年前

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

porphyre.eth 的头像
porphyre.eth1 年前

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

Josh Sisley 的头像
Josh Sisley1 年前

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 Landrum 的头像
James Landrum1 年前

This is neat but I’d rather not

Zach Warunek 的头像
Zach Warunek1 年前

Need

🌐 的头像
🌐1 年前

Can this be done for Vue?

Nizzy 的头像
Nizzy1 年前

woah

Jean-Paul 的头像
Jean-Paul1 年前

I don't want to!

Will Chen 的头像
Will Chen1 年前

is it a dag?

Igor bedesqui 的头像
Igor bedesqui1 年前

need

相关视频

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

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 次观看 • 5 个月前

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.
0:48

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 次观看 • 4 个月前

how does React know if a component renders?
0:56

how does React know if a component renders?

Aiden Bai

82,064 次观看 • 1 年前

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.
0:25

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 次观看 • 5 个月前

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

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

Emil Kowalski

119,010 次观看 • 1 年前

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

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

Alex Sidorenko

50,550 次观看 • 1 年前

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

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 次观看 • 1 年前

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

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

million

17,351 次观看 • 1 年前

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 👇🏻
0:40

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 次观看 • 1 年前

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

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

Magnus Müller

128,674 次观看 • 6 个月前

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

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

Republicans against Trump

1,240,214 次观看 • 2 年前

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

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

Supabase

20,148 次观看 • 3 年前

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

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

George Moller

59,703 次观看 • 1 年前

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 ↓
0:43

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 次观看 • 1 年前

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

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

Mery

187,018 次观看 • 1 年前

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 ⬇️
0:25

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 次观看 • 1 个月前

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

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

Devon Govett

16,554 次观看 • 1 年前

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

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

Sam ☕

527,958 次观看 • 7 个月前