A developer is using the traditional UI Component framework to add a new field to an existing Admin form. Which of the following are the three key elements that make up a UI Component? (Choose 3.)

Question

Options

• AA PHP Block class
• BA JavaScript class for client-side behavior
• CA Knockout.js template for rendering
• DA service contract interface
• EAn XML declaration file
• FA cron job definition in 'crontab.xml'

• A
  7% (3)
• B
  89% (40)
• D
  2% (1)
• F
  2% (1)

Explanation

In Magento's UI Component framework, every component is built from three structural layers: an XML declaration file (E) that registers and configures the component, a JavaScript class (B) that defines client-side behavior and acts as the ViewModel, and a Knockout.js template (C) that binds to that ViewModel to render the HTML. Together, XML wires things up, JS drives logic, and the .html Knockout template handles display.

The distractors each belong to different systems: PHP Block classes (A) are part of the older Layout/Block rendering system that UI Components largely replace. Service contract interfaces (D) are API-layer contracts living in Api/ directories - they define business logic boundaries, not UI structure. crontab.xml (F) is purely for scheduling background tasks and has nothing to do with rendering forms.

Memory tip: Think X-J-K - eXml configures, JavaScript controls, Knockout renders. If it's not one of those three, it's not a UI Component building block.

No community discussion yet for this question.