Please enable JavaScript.

Coggle requires JavaScript to display documents.

ComponentFramework - Coggle Diagram

- - - - export interface IInputs
        
        sampleProperty: ComponentFramework.PropertyTypes.StringProperty;
        
        PropertyTypes
        
        namespace
        
        The namespace is used for logical grouping of functionalities. A namespace can include interfaces, classes, functions and variables to support a single or a group of related functionalities.
        
        interface Property
        
        error: boolean;
        
        errorMessage: string;
        
        formatted?: string | undefined;
        
        security?: PropertyHelper.SecurityValues | undefined;
        
        namespace PropertyHelper
        
        1 more item...
        
        raw: any;
        
        type: string;
        
        attributes?: PropertyHelper.FieldPropertyMetadata.Metadata | undefined;
        
        namespace PropertyHelper
        
        1 more item...
        
        All The prop types : num,str etc.
      - export interface IOutputs
        
        sampleProperty?: string;
      - function
        
        Code-gen ensures that type definitions used in the component source code stay in sync with types defined in the component manifest file.
    - - The property node defines a specific, configurable piece of data that the component expects from the Microsoft Dataverse.
  - - - name
        
        Name of the property
      - display-name-key
        
        Used in the customization screens as localized strings that describes the name of the property.
      - of-type
        
        Defines the data type of the property
      - usage
        
        The usage property identifies if the property is meant to represent a column that the component can change (bound) or read-only values (input)
      - required
        
        Whether the property is required or not
      - of-type-group
        
        Name of the type-group as defined in manifest
      - description-key
        
        Used in the customization screens as localized strings that describes the description of the property.
      - default-value
        
        The default configuration value provided to the component. In model-driven apps, this property is only allowed on inputs since the bound parameters expect to have a column associated.
    - - The of-type property value must be one of the following:
        
        https://learn.microsoft.com/en-us/power-apps/developer/component-framework/manifest-schema-reference/property#remarks
    - - control
        
        Defines the component's namespace, version and display information.
  - - - </platform-library>
        
        Attributes
        
        name
        
        Either React or Fluent.
        
        version
        
        The current version of the platform library
      - </resx>
        
        The resx webresource is used to manage the localized strings you define.
        
        String (RESX) web resources
        
        A resource file is an XML file that contains the strings that you want to translate into different languages (.json) or paths to images. The resource file contains key/value pairs. Each pair is an individual resource. Key names are not case sensitive.
        
        </resHeders>
        
        There are any number of "resheader" rows that contain simple name/value pairs.
        
        Each data row contains a name, and value.
        
        System.Resources Namespace (.resx)
        
        Provides classes and interfaces that allow developers to create, store, and manage various culture-specific resources used in an application. One of the most important classes of the System.Resources namespace is the ResourceManager class.
        
        https://learn.microsoft.com/en-us/dotnet/api/system.resources?view=windowsdesktop-6.0
        
        System.Windows.Forms Namespace
        
        Contains classes for creating Windows-based applications that take full advantage of the rich user interface features available in the Microsoft Windows operating system.
        
        1 more item...
        
        RESX is a common format for defining localized resources for windows applications
- - - - Only make a call to ReactDOM.render inside the updateView method when a bound property or framework aspect has changed that requires the UI to reflect the change. You can use updatedProperties to determine what has changed.
      - Use PureComponent (with class components) or React.memo (with function components) where possible to avoid unnecessary re-renders of components when its input props have not mutated.
      - For large React components, deconstruct your UI into smaller components to improve performance.
      - Avoid use of arrow functions and function binding inside the render function as this will create a new callback closure with each render and cause the child component to always re-render when the parent component is rendered. Instead, use function binding in the constructor or use class field arrow functions. See Handling Events - React.