Loading video...

Video Failed to Load

Go Home

⚛️ Keep UI responsive during expensive renders with useTransition(): React prioritizes user input over transitions ↓

_georgemoller's profile picture

George Moller

119,259 subscribers

30,325 views • 4 months ago •via X (Twitter)

LIVE

Anya Rossi• Live Now

Private livecam show

0 Comments

No comments available

Comments from the original post will appear here

Related Videos

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,114 views • 1 month ago

⚛️ How to keep you imports tidy and clean in React ↓
0:34

⚛️ How to keep you imports tidy and clean in React ↓

George Moller

43,401 views • 2 years ago

React Scan + Cursor can help optimize React renders and performance with AI
0:25

React Scan + Cursor can help optimize React renders and performance with AI

Aiden Bai

71,863 views • 1 year ago

Made a Phone Input component with shadcn ui and libphonenumber-js
0:37

Made a Phone Input component with shadcn ui and libphonenumber-js

Damián Ricobelli

48,295 views • 2 years ago

⚛️ React + Typescript tip: Creating dynamic prop types for components with Discriminated Unions ↓
0:51

⚛️ React + Typescript tip: Creating dynamic prop types for components with Discriminated Unions ↓

George Moller

77,657 views • 2 years ago

I made it! 🥳 The Hotel Admin UI is completed. 😊🙌 Personally, I really enjoyed working on this UI. I was able to learn a lot and gain a better understanding of how to create a user friendly experience. Here are the features I implemented in this project: • Fully responsive design (mobile, tablet, desktop, large desktop - 4K) • Library of components (chakra-ui) • Loading indicator and skeleton while loading data • Mock API integration • CRUD operations • Search functionality • Modals and confirmation dialogs • Routing using react-router • Picture upload library (react-filepond) • Form validation • Data visualization chart (Chart.js) • Carousel with thumbnails (swiper.js) I hope you like it! #womenintech #100DaysOfCode #React
1:02

I made it! 🥳 The Hotel Admin UI is completed. 😊🙌 Personally, I really enjoyed working on this UI. I was able to learn a lot and gain a better understanding of how to create a user friendly experience. Here are the features I implemented in this project: • Fully responsive design (mobile, tablet, desktop, large desktop - 4K) • Library of components (chakra-ui) • Loading indicator and skeleton while loading data • Mock API integration • CRUD operations • Search functionality • Modals and confirmation dialogs • Routing using react-router • Picture upload library (react-filepond) • Form validation • Data visualization chart (Chart.js) • Carousel with thumbnails (swiper.js) I hope you like it! #womenintech #100DaysOfCode #React

Glenda Diaz

15,568 views • 2 years ago

It's finally here! Untitled UI React is live ✨ Untitled UI React is the world’s largest collection of open-source React components built with Tailwind CSS v4.1 and React Aria. Just copy, paste, and build. 👇
1:02

It's finally here! Untitled UI React is live ✨ Untitled UI React is the world’s largest collection of open-source React components built with Tailwind CSS v4.1 and React Aria. Just copy, paste, and build. 👇

Jordan Hughes

243,721 views • 10 months ago

3 UI Transitions Every Designer Should Use
0:27

3 UI Transitions Every Designer Should Use

Zander Whitehurst

45,673 views • 4 months ago

Introducing json-render × React Native Another step toward UGI (User-Generated Interfaces), powered by Generative UI. Dynamic, personalized UIs per user without sacrificing reliability. Predefined components and actions for safe, predictable output.
0:26

Introducing json-render × React Native Another step toward UGI (User-Generated Interfaces), powered by Generative UI. Dynamic, personalized UIs per user without sacrificing reliability. Predefined components and actions for safe, predictable output.

Chris Tate

207,239 views • 3 months ago

⚛️ React: we have Concurrent Features 🤡 GitHub:
0:30

⚛️ React: we have Concurrent Features 🤡 GitHub:

Seb ⚛️ ThisWeekInReact.com

334,070 views • 20 days ago

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

⚛️ How I like to name React components ↓

George Moller

39,480 views • 1 year ago

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

how does React know if a component renders?

Aiden Bai

82,064 views • 1 year ago

⚛️ 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,738 views • 2 years ago

⚛️ 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,528 views • 1 year ago

Storybook 8 is here! 🥳 📸 Visual Tests addon ⚛️ React Server Component support 🎛️ Upgraded Vue & React control autogeneration ⚡️ Rearchitected Vite ⚡ support + Vite 5 ✨ New UI on desktop and mobile 💯 8,865 commits, 773 PRs, 218 contributors
0:48

Storybook 8 is here! 🥳 📸 Visual Tests addon ⚛️ React Server Component support 🎛️ Upgraded Vue & React control autogeneration ⚡️ Rearchitected Vite ⚡ support + Vite 5 ✨ New UI on desktop and mobile 💯 8,865 commits, 773 PRs, 218 contributors

Storybook

115,173 views • 2 years ago

⚛️ How to structure and organize a React application ( ) ↓
1:13

⚛️ How to structure and organize a React application ( ) ↓

George Moller

342,274 views • 2 years ago

⚛️ React 19 will ship with useOptimistic() hook: pretend everything will go right...event if it doesn't.
0:44

⚛️ React 19 will ship with useOptimistic() hook: pretend everything will go right...event if it doesn't.

George Moller

86,185 views • 1 year ago

Excited to announce gluestack-ui v1.0! 🤩 A universal & performant UI components library for web & mobile! gluestack v1 is — 🎨 Unstyled / Themed ⚡️ Performant ♿️ Accessible 🖥️ Responsive 🌙 Dark-mode enabled 📱 For React Native & Web RT & vote here:
1:35

Excited to announce gluestack-ui v1.0! 🤩 A universal & performant UI components library for web & mobile! gluestack v1 is — 🎨 Unstyled / Themed ⚡️ Performant ♿️ Accessible 🖥️ Responsive 🌙 Dark-mode enabled 📱 For React Native & Web RT & vote here:

Sanket Sahu

41,646 views • 2 years ago

⚛️ React project structure for mid-sized applications ↓ 🌶️ opinionated
1:08

⚛️ React project structure for mid-sized applications ↓ 🌶️ opinionated

George Moller

85,221 views • 1 year ago

⚛️ How to use conditional types in TypeScript and React ↓
1:26

⚛️ How to use conditional types in TypeScript and React ↓

George Moller

42,383 views • 1 year ago