エピソード

Fluent UI React インサイト: 配置

代入 Oleksandr Fediashov

Fluent UI React Insights とトレーニング

Fluent UI Insights は、Fluent UI デザイン システムの背後にある設計と決定事項について説明するシリーズです。

最初のエピソードでは、Fluent UI チームのエンジニアが、配置された UI コントロールの実装に関連する問題について、要件を共有し、React.js に関連する実装のストーリー (と注意事項) をお伝えして説明します。

チャプター マーカー

  • 00:00 – 概要
  • 00:52 – Fluent UI バージョン
  • 01:22 – Fluent UI Northstar でのポップアップ コンポーネントの実装
  • 02:28 – 位置決めの要件
  • 03:05 – Popper.jsを選ぶ理由
  • 04:56 – 配置用のカスタム修飾子
  • 08:10 – React refs に関する問題
  • 10:04 – React でのダブル レンダリングによって発生するメモリの問題
  • 10:56 – useCallbackRef hook to prevent double rendering
  • 12:47 – 概要