33Frontend & webCommon trap

State

The data the interface currently holds; when it changes the page updates itself.

For example

After I click save, the state becomes true and the icon turns solid.

Resources

Copy prompt

Explain what state this component holds and where that state should live.

Related terms

What users see and operate: buttons, pages, animations.

For example

The home page, buttons and cards I see are all built in the frontend.

Defines what content a page has — the skeleton of the page.

For example

I wrote a heading and a button into the page with HTML.

Controls a page's styling: colour, font, spacing and layout.

For example

I used CSS to make the button green and give it rounded corners.