Odcinek
Fluent UI React Szczegółowe informacje: pozycjonowanie
with Oleksandr Fediashov
Fluent UI Szczegółowe informacje to seria, która opisuje projekt i decyzje dotyczące systemu projektowania Fluent UI.
W pierwszym odcinku inżynierowie z zespołu Fluent UI wyjaśniają problemy związane z wdrażaniem kontrolek interfejsu użytkownika umieszczonych przez udostępnienie wymagań, a także opowiedzenie historii implementacji (z zastrzeżeniami) związanych z React.js.
Znaczniki rozdziału
- 00:00 — wprowadzenie
- 00:52 — Wersje interfejsu użytkownika Fluent
- 01:22 — Implementowanie składnika wyskakującego w aplikacji Fluent UI Northstar
- 02:28 — wymagania dotyczące pozycjonowania
- 03:05 — Dlaczego wybieramy Popper.js?
- 04:56 — modyfikatory niestandardowe do pozycjonowania
- 08:10 — Problemy z refs react
- 10:04 — problemy z pamięcią spowodowane podwójnym renderowaniem w rozwiązaniu React
- 10:56 — użyj elementu hookCallbackRef, aby zapobiec podwójnemu renderowaniu
- 12:47 — Podsumowanie
Zalecane zasoby
- Repozytorium Fluent UI w usłudze GitHub
- dokumentacja Popper.js
- Żądanie ściągnięcia implementujące składnik popup w narzędziu Semantic UI React
- Żądanie ściągnięcia implementujące składnik popup w aplikacji Fluent UI React Northstar
- Problem z narzędziem react-popper dotyczący wydajności i ponownego renderowania
- Żądanie ściągnięcia implementujące funkcję "autoSize"
- Żądanie ściągnięcia implementujące funkcję "coverTarget"
- Żądanie ściągnięcia, które implementuje poprawki dotyczące elementów pozycyjnych i fokusowych
- CodeSandbox, który demonstruje kolejność efektów React z określonym układem elementu
- Implementacja wzorca "use-callback-ref"
- Żądanie ściągnięcia, które implementuje element "usePopper()" React hook
Fluent UI Szczegółowe informacje to seria, która opisuje projekt i decyzje dotyczące systemu projektowania Fluent UI.
W pierwszym odcinku inżynierowie z zespołu Fluent UI wyjaśniają problemy związane z wdrażaniem kontrolek interfejsu użytkownika umieszczonych przez udostępnienie wymagań, a także opowiedzenie historii implementacji (z zastrzeżeniami) związanych z React.js.
Znaczniki rozdziału
- 00:00 — wprowadzenie
- 00:52 — Wersje interfejsu użytkownika Fluent
- 01:22 — Implementowanie składnika wyskakującego w aplikacji Fluent UI Northstar
- 02:28 — wymagania dotyczące pozycjonowania
- 03:05 — Dlaczego wybieramy Popper.js?
- 04:56 — modyfikatory niestandardowe do pozycjonowania
- 08:10 — Problemy z refs react
- 10:04 — problemy z pamięcią spowodowane podwójnym renderowaniem w rozwiązaniu React
- 10:56 — użyj elementu hookCallbackRef, aby zapobiec podwójnemu renderowaniu
- 12:47 — Podsumowanie
Zalecane zasoby
- Repozytorium Fluent UI w usłudze GitHub
- dokumentacja Popper.js
- Żądanie ściągnięcia implementujące składnik popup w narzędziu Semantic UI React
- Żądanie ściągnięcia implementujące składnik popup w aplikacji Fluent UI React Northstar
- Problem z narzędziem react-popper dotyczący wydajności i ponownego renderowania
- Żądanie ściągnięcia implementujące funkcję "autoSize"
- Żądanie ściągnięcia implementujące funkcję "coverTarget"
- Żądanie ściągnięcia, które implementuje poprawki dotyczące elementów pozycyjnych i fokusowych
- CodeSandbox, który demonstruje kolejność efektów React z określonym układem elementu
- Implementacja wzorca "use-callback-ref"
- Żądanie ściągnięcia, które implementuje element "usePopper()" React hook
Chcesz przesłać opinię? Prześlij problem tutaj.