Bölüm
Fluent UI React Analizler: Konumlandırma
örneklerini şununla değiştirin: Oleksandr Fediashov
Fluent UI Analizler, Fluent UI tasarım sisteminin arkasındaki tasarımı ve kararları açıklayan bir seridir.
İlk bölümde Fluent UI ekibinden mühendisler, gereksinimleri paylaşarak ve ayrıca React.js ile ilgili uygulama hikayesini (uyarılarıyla) anlatarak konumlanmış UI denetimlerini uygulamayla ilgili sorunları açıklamaktadır.
Bölüm işaretçileri
- 00:00 – Giriş
- 00:52 – Fluent UI sürümleri
- 01:22 – Fluent UI Northstar'da Açılır Pencere bileşenini uygulama
- 02:28 – Konumlandırma gereksinimleri
- 03:05 – Neden Popper.js seçiyoruz?
- 04:56 – Konumlandırma için özel değiştiriciler
- 08:10 – React refs ile ilgili sorunlar
- 10:04 – React'te çift işlemenin neden olduğu bellek sorunları
- 10:56 – çift işlemeyi önlemek içinCallbackRef kancasını kullanın
- 12:47 – Özet
Önerilen kaynaklar
- GitHub'da akıcı kullanıcı arabirimi deposu
- Popper.js belgeleri
- Semantik UI React'te Açılan pencere bileşenini uygulayan çekme isteği
- Fluent UI React Northstar'da Açılan pencere bileşenini uygulayan çekme isteği
- React-popper'da performans ve yeniden işlemeler ile ilgili sorun
- "AutoSize" özelliğini uygulayan çekme isteği
- "coverTarget" özelliğini uygulayan çekme isteği
- Konumlandırma ve odaklanabilir öğeler için düzeltmeler uygulayan çekme isteği
- Belirli öğe düzenine sahip React efektleri sırasını gösteren CodeSandbox
- "use-callback-ref" deseninin uygulanması
- "usePopper()" React kancası uygulayan çekme isteği
Fluent UI Analizler, Fluent UI tasarım sisteminin arkasındaki tasarımı ve kararları açıklayan bir seridir.
İlk bölümde Fluent UI ekibinden mühendisler, gereksinimleri paylaşarak ve ayrıca React.js ile ilgili uygulama hikayesini (uyarılarıyla) anlatarak konumlanmış UI denetimlerini uygulamayla ilgili sorunları açıklamaktadır.
Bölüm işaretçileri
- 00:00 – Giriş
- 00:52 – Fluent UI sürümleri
- 01:22 – Fluent UI Northstar'da Açılır Pencere bileşenini uygulama
- 02:28 – Konumlandırma gereksinimleri
- 03:05 – Neden Popper.js seçiyoruz?
- 04:56 – Konumlandırma için özel değiştiriciler
- 08:10 – React refs ile ilgili sorunlar
- 10:04 – React'te çift işlemenin neden olduğu bellek sorunları
- 10:56 – çift işlemeyi önlemek içinCallbackRef kancasını kullanın
- 12:47 – Özet
Önerilen kaynaklar
- GitHub'da akıcı kullanıcı arabirimi deposu
- Popper.js belgeleri
- Semantik UI React'te Açılan pencere bileşenini uygulayan çekme isteği
- Fluent UI React Northstar'da Açılan pencere bileşenini uygulayan çekme isteği
- React-popper'da performans ve yeniden işlemeler ile ilgili sorun
- "AutoSize" özelliğini uygulayan çekme isteği
- "coverTarget" özelliğini uygulayan çekme isteği
- Konumlandırma ve odaklanabilir öğeler için düzeltmeler uygulayan çekme isteği
- Belirli öğe düzenine sahip React efektleri sırasını gösteren CodeSandbox
- "use-callback-ref" deseninin uygulanması
- "usePopper()" React kancası uygulayan çekme isteği
Geri bildirimde bulunmak ister misiniz? Burada bir sorun gönderin.