Загрузка видео...

Не удалось загрузить видео

На главную

⚛️ React Component Creation with the Factory Pattern: It creates a nice abstraction to simplify component creation, making it easy to read and scale ↓

_georgemoller's profile picture

George Moller

118,111 subscribers

133,151 просмотров • 2 лет назад •via X (Twitter)

LIVE

Anya Rossi• Live Now

Private livecam show

Комментарии: 0

Нет доступных комментариев

Здесь появятся комментарии из оригинального поста

Похожие видео

⚛️ How to use TypeScript type predicates in React to create a more robust, type-safe, and maintainable component. (this pattern is particularly useful when dealing with discriminated unions or when you need to narrow types based on runtime checks)
1:07

⚛️ How to use TypeScript type predicates in React to create a more robust, type-safe, and maintainable component. (this pattern is particularly useful when dealing with discriminated unions or when you need to narrow types based on runtime checks)

George Moller

29,524 просмотров • 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

51,480 просмотров • 1 год назад

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

328,502 просмотров • 8 месяцев назад

You can make your Figma designs functional with Claude AI Select component, go to Dev Mode and use Figma to Code plugin to turn to React/Tailwind. Copy the code and paste to Claude AI. Prompt "Create this component and center it". Then, "Make this functional", "Add rounded corners", "add hover states", "animate transitions". Don't forget to ask "always give full code". Otherwise, it might break the Artifact.
6:06

You can make your Figma designs functional with Claude AI Select component, go to Dev Mode and use Figma to Code plugin to turn to React/Tailwind. Copy the code and paste to Claude AI. Prompt "Create this component and center it". Then, "Make this functional", "Add rounded corners", "add hover states", "animate transitions". Don't forget to ask "always give full code". Otherwise, it might break the Artifact.

Meng To

171,880 просмотров • 2 лет назад

introducing: blur cycle component for Framer use this component to cycle through different words or phrases with a crazy smoooooth blur transition. comment "BLUR" and I’ll send you the component. :)
0:22

introducing: blur cycle component for Framer use this component to cycle through different words or phrases with a crazy smoooooth blur transition. comment "BLUR" and I’ll send you the component. :)

Framer University

10,452 просмотров • 1 год назад

⚛️ React + Typescript Tip: How to create short and easy to remember event types with Typescript ↓
0:32

⚛️ React + Typescript Tip: How to create short and easy to remember event types with Typescript ↓

George Moller

57,750 просмотров • 2 лет назад

⚛️ React + Typescript Tip: How to create short and easy to remember event types with Typescript ↓
0:32

⚛️ React + Typescript Tip: How to create short and easy to remember event types with Typescript ↓

George Moller

89,542 просмотров • 1 год назад

i can hear every single component and respond to it differently
1:34

i can hear every single component and respond to it differently

ecco

134,649 просмотров • 9 месяцев назад

GPT-4 has its own compression language. I generated a 70 line React component that was 794 tokens. It compressed it down to this 368 token snippet, and then it deciphered it with 100% accuracy in a *new* chat with zero context. This is crazy!
1:44

GPT-4 has its own compression language. I generated a 70 line React component that was 794 tokens. It compressed it down to this 368 token snippet, and then it deciphered it with 100% accuracy in a *new* chat with zero context. This is crazy!

Mckay Wrigley

1,308,282 просмотров • 3 лет назад

Created the image with ChatGPT. Brought it to life with Hedra. Just upload a photo, drop in your script, and hit generate. That’s it. Video creation has never been this easy—or this accessible.
1:02

Created the image with ChatGPT. Brought it to life with Hedra. Just upload a photo, drop in your script, and hit generate. That’s it. Video creation has never been this easy—or this accessible.

Hedra

3,508,557 просмотров • 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

199,243 просмотров • 8 месяцев назад

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 год назад

Component style variants are here! You can now define multiple style options for a single component — like a Button with solid and outline styles, a Card with horizontal and vertical variants, and more 🤯 Read more in the updates post:
0:33

Component style variants are here! You can now define multiple style options for a single component — like a Button with solid and outline styles, a Card with horizontal and vertical variants, and more 🤯 Read more in the updates post:

Webflow

19,997 просмотров • 1 год назад

Automate or simplify your workflow for subtitle creation with Voxtral Transcribe 2.0! From word-level timestamps to diarization and context biasing, take it further by leveraging our other general-purpose models to translate subtitles.
0:24

Automate or simplify your workflow for subtitle creation with Voxtral Transcribe 2.0! From word-level timestamps to diarization and context biasing, take it further by leveraging our other general-purpose models to translate subtitles.

Mistral AI for Developers

14,886 просмотров • 7 месяцев назад

You want to add blur gradients to your website? I've made an easy-to-use, customizable component for Framer that you can place over any element to apply a blur gradient to it. Retweet and comment "BLUR" and I'll send it.
0:27

You want to add blur gradients to your website? I've made an easy-to-use, customizable component for Framer that you can place over any element to apply a blur gradient to it. Retweet and comment "BLUR" and I'll send it.

Framer University

117,496 просмотров • 2 лет назад

React Native & with Expo using shadcn template !!! ✨New Component: Import Alert Dialog Components and easily add it your React Native & Expo App Both Expo and RN CLI #buildinpublic #buildingpublic
0:27

React Native & with Expo using shadcn template !!! ✨New Component: Import Alert Dialog Components and easily add it your React Native & Expo App Both Expo and RN CLI #buildinpublic #buildingpublic

Sid

63,527 просмотров • 2 лет назад