Video yükleniyor...

Video Yüklenemedi

Ana Sayfaya Dön

⚛️ 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 görüntüleme • 4 ay önce •via X (Twitter)

LIVE

Anya Rossi• Live Now

Private livecam show

0 Yorum

Yorum bulunmuyor

Orijinal gönderinin yorumları burada görünecek

Benzer Videolar

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 görüntüleme • 1 ay önce

⚛️ 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 görüntüleme • 2 yıl önce

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 görüntüleme • 1 yıl önce

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 görüntüleme • 2 yıl önce

⚛️ 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 görüntüleme • 2 yıl önce

React Server Actions have helped me: ◆ Write less code ◆ Build better user experiences How can we create products that are resilient to slower internet connections and instantly provide feedback on user input? ↓
5:54

React Server Actions have helped me: ◆ Write less code ◆ Build better user experiences How can we create products that are resilient to slower internet connections and instantly provide feedback on user input? ↓

Lee Robinson

77,472 görüntüleme • 2 yıl önce

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 görüntüleme • 2 yıl önce

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 görüntüleme • 10 ay önce

3 UI Transitions Every Designer Should Use
0:27

3 UI Transitions Every Designer Should Use

Zander Whitehurst

45,673 görüntüleme • 4 ay önce

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

⚛️ React: we have Concurrent Features 🤡 GitHub:

Seb ⚛️ ThisWeekInReact.com

334,070 görüntüleme • 24 gün önce

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 görüntüleme • 3 ay önce

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

⚛️ How I like to name React components ↓

George Moller

39,480 görüntüleme • 1 yıl önce

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

how does React know if a component renders?

Aiden Bai

82,064 görüntüleme • 1 yıl önce

⚛️ 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 görüntüleme • 1 yıl önce

⚛️ 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,741 görüntüleme • 2 yıl önce

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,179 görüntüleme • 2 yıl önce

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

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

George Moller

342,274 görüntüleme • 2 yıl önce

⚛️ 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 görüntüleme • 1 yıl önce

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 görüntüleme • 2 yıl önce

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

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

George Moller

85,221 görüntüleme • 1 yıl önce