Video wird geladen...

Video konnte nicht geladen werden

Zur Startseite

⚛️ Instead of mixing business logic in React components I like to create small and predictable reducer abstractions with useReducer ↓

_georgemoller's profile picture

George Moller

119,208 subscribers

24,702 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

❌ Avoid mixing business logic with your React components. ✅ Instead create abstraction layers that communicate with them.
0:51

❌ Avoid mixing business logic with your React components. ✅ Instead create abstraction layers that communicate with them.

George Moller

214,959 Aufrufe • vor 2 Jahren

⚛️ How I like to name React components ↓
0:44

⚛️ How I like to name React components ↓

George Moller

39,480 Aufrufe • vor 1 Jahr

⚛️ How to type generic components in React with TypeScript ↓
0:23

⚛️ How to type generic components in React with TypeScript ↓

George Moller

94,046 Aufrufe • vor 2 Jahren

⚛️ Use TypeScript utility types like Omit to create more reusable and adaptable components ↓
0:24

⚛️ Use TypeScript utility types like Omit to create more reusable and adaptable components ↓

George Moller

50,215 Aufrufe • vor 1 Jahr

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

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

❌ Don't pass props to multiple nested components in React. ✅ Instead use libraries like react-query to better handle server state.
0:34

❌ Don't pass props to multiple nested components in React. ✅ Instead use libraries like react-query to better handle server state.

George Moller

137,439 Aufrufe • vor 2 Jahren

❌ Avoid having components with too many props. ✅ Instead use the compound components pattern in React to embrace composition.
1:00

❌ Avoid having components with too many props. ✅ Instead use the compound components pattern in React to embrace composition.

George Moller

130,080 Aufrufe • vor 2 Jahren

❌ Avoid having components with too many props. ✅ Instead use the compound components pattern in React to embrace composition.
0:46

❌ Avoid having components with too many props. ✅ Instead use the compound components pattern in React to embrace composition.

George Moller

177,645 Aufrufe • vor 1 Jahr

Convenience store owners like Muhammed are small business owners. They’ve been waiting a long time for a level playing field. Starting tomorrow, we’re finally giving Muhammed and thousands of small business owners like him the chance to grow their business and create more local jobs.
0:29

Convenience store owners like Muhammed are small business owners. They’ve been waiting a long time for a level playing field. Starting tomorrow, we’re finally giving Muhammed and thousands of small business owners like him the chance to grow their business and create more local jobs.

Doug Ford

253,393 Aufrufe • vor 1 Jahr

🚀 I got React Server Components rendering in Bun ‼️ ‼️ Wrote up my own little next-like framework that uses for bundling! ✦ 70ms cold boot (bundling react + pages and components) ✦ 1-3ms to render a page I'm coming for you, Next 🙈
0:25

🚀 I got React Server Components rendering in Bun ‼️ ‼️ Wrote up my own little next-like framework that uses for bundling! ✦ 70ms cold boot (bundling react + pages and components) ✦ 1-3ms to render a page I'm coming for you, Next 🙈

leah lundqvist

57,881 Aufrufe • vor 2 Jahren

Looking for your next project? How about building a React app with GitHub Copilot? ⚛️ 🤖 Join forces with Copilot when it comes to components, JSX, state, and more to efficiently construct a frontend client. 🚀 Get the full tutorial here. ⬇️
0:55

Looking for your next project? How about building a React app with GitHub Copilot? ⚛️ 🤖 Join forces with Copilot when it comes to components, JSX, state, and more to efficiently construct a frontend client. 🚀 Get the full tutorial here. ⬇️

GitHub

35,457 Aufrufe • vor 1 Jahr

Predictable plot twist: Luka is in shape! Zach Lowe and tim cato react to Luka looking like a different person in Men’s Health.
1:37

Predictable plot twist: Luka is in shape! Zach Lowe and tim cato react to Luka looking like a different person in Men’s Health.

The Ringer

52,600 Aufrufe • vor 11 Monaten

It is my honor to meet with small business owners and entrepreneurs as I travel our nation as Vice President. During Small Business Week, I hope you join me by supporting a small business in your community.
0:31

It is my honor to meet with small business owners and entrepreneurs as I travel our nation as Vice President. During Small Business Week, I hope you join me by supporting a small business in your community.

Vice President Kamala Harris Archived

271,126 Aufrufe • vor 2 Jahren

Announcing React Aria Components v1.0.0! 🥳 Over 40 components with built-in behavior, adaptive interactions, top-tier accessibility, and internationalization out of the box, ready for your styles.
1:10

Announcing React Aria Components v1.0.0! 🥳 Over 40 components with built-in behavior, adaptive interactions, top-tier accessibility, and internationalization out of the box, ready for your styles.

Devon Govett

542,524 Aufrufe • vor 2 Jahren

Introducing Fancy Components: a collection full of fancy, fun, edgy and useless React components! — Built with react, ts, Tailwind CSS and Motion — Each comp. includes examples and docs to help you understand how it works and is built — 100% free & open-source! link↴
0:27

Introducing Fancy Components: a collection full of fancy, fun, edgy and useless React components! — Built with react, ts, Tailwind CSS and Motion — Each comp. includes examples and docs to help you understand how it works and is built — 100% free & open-source! link↴

daniel petho

188,521 Aufrufe • vor 1 Jahr

we released our react package build an ai chat w/ interactive components in a few lines of code. add it to your app with: npx tambo full-send we support: - streaming for both messages and components - message history and message threads - state manage for generated components - suggested actions based on available components - component library that uses the react package the react package is open-source. server package will be open-sourced later this year.
1:01

we released our react package build an ai chat w/ interactive components in a few lines of code. add it to your app with: npx tambo full-send we support: - streaming for both messages and components - message history and message threads - state manage for generated components - suggested actions based on available components - component library that uses the react package the react package is open-source. server package will be open-sourced later this year.

Michael Magán

65,473 Aufrufe • vor 1 Jahr

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

Do you agree with Pierre that the CRA should be going after rich tax dodgers like Mark Carney instead of small business owners and local charities? 🔥🔥
3:39

Do you agree with Pierre that the CRA should be going after rich tax dodgers like Mark Carney instead of small business owners and local charities? 🔥🔥

Canada Proud

61,715 Aufrufe • vor 1 Jahr