Question

You are building a PCF code component that renders a complex, interactive chart with heavy state management. Your team already uses React extensively and wants to avoid bundling React separately in every component to reduce load times, taking advantage of the platform-provided React and Fluent libraries. Which action should you take when authoring the component's manifest and class to achieve this?

Accepted Answer

Set the control-type attribute to "virtual" in the manifest and have the class implement ReactControl<IInputs, IOutputs>, returning a React element from updateView.

Answer

Set the control-type attribute to "standard" in the manifest and manually import React into your webpack bundle, mounting the component in the DOM inside init.

Answer

Add a platform-library dependency for React in the manifest while keeping control-type as "standard" and implementing StandardControl<IInputs, IOutputs>.

Answer

Set control-type to "virtual" and implement StandardControl<IInputs, IOutputs>, appending your rendered React tree to the container element passed into init.