A developer is building a custom page that displays a list of services. They want to use Backstage's standard table component to ensure consistency. Which component should they use?

SimpleTable from @backstage/plugin-catalog.

Table from @backstage/core-components.

DataGrid from @material-ui/data-grid.

A developer has created a new React component called TechRadarCard and wants to use it on the Overview tab of a component entity page. After adding the import and placing the component in the JSX, what else is required for the component to appear?

Add the component to the app's plugin registry in the root package.json.

Run yarn build to compile the component before it can be used in the app.

Register the component in the app-config.yaml under the techRadar section.

Ensure the component is exported from its file and the import path is correct, then verify it renders in the browser with yarn dev.

A developer has modified a component and wants to ensure the changes are reflected in the browser without restarting the entire Backstage app. What feature of the development environment allows this?

The browser's built-in live reload feature.

The yarn build --watch command.

Hot Module Replacement (HMR) provided by the dev server.

The Backstage CLI's auto-refresh plugin.

A developer wants to add a custom style to a button that changes its background color to the theme's secondary color. They are using the makeStyles hook. What is the correct way to define this style?

Hardcode the hex color code for the secondary color in the style rule.

Import the theme object from @backstage/theme and use its palette directly.

Use the useTheme hook inside the makeStyles callback to access the theme.

Define a style rule that uses theme.palette.secondary.main as the backgroundColor.

To change the text displayed by an existing Backstage React component, which part of the component's code should you modify?

The JSX elements that contain the text content

The `tsconfig.json` compiler options

The `package.json` dependencies

Certified Backstage Associate (CBA)

Domain 4Objective 3

Make Changes to React Code in Backstage App CBA Practice Questions (Page 3)

Part of the Customizing Backstage domain, which accounts for 32% of the CBA exam. Linux Foundation does not publish an official question count, but from its 90-minute exam (~35–60 total, ~11–19 in this domain), expect 3–5 from this objective — we provide 23 practice questions to prepare you well beyond it. (estimate)

23questions here

5free pages

6concepts

32%of the exam

Questions 11–15

11application · medium
A developer is building a custom page that displays a list of services. They want to use Backstage's standard table component to ensure consistency. Which component should they use?
Select an answer first
12application · medium
A developer has created a new React component called TechRadarCard and wants to use it on the Overview tab of a component entity page. After adding the import and placing the component in the JSX, what else is required for the component to appear?
Select an answer first
13application · medium
A developer has modified a component and wants to ensure the changes are reflected in the browser without restarting the entire Backstage app. What feature of the development environment allows this?
Select an answer first
14application · medium
A developer wants to add a custom style to a button that changes its background color to the theme's secondary color. They are using the makeStyles hook. What is the correct way to define this style?
Select an answer first
15foundation · easy
To change the text displayed by an existing Backstage React component, which part of the component's code should you modify?
Select an answer first

Finished these 5 questions?

Review the revealed explanations, or continue through the curriculum.

Next 5 questions →Back to CBA

Free Basic Practice is a study aid with revealable answers — not a scored exam. Examers.io is independent and not affiliated with or endorsed by Linux Foundation. “CBA” is a trademark of its owner, used for identification only.