← Beginner tutorial: build an accessible counter

7. Make one safe change

luastra/ui · app.render · app.handle · about 15 minutes
edit → check → test → preview

Change the visible title to your own app name, then repeat the same development loop.

When to use it

Do this only after the copied tutorial works unchanged once.

  • Change only counter/title.text first; the existing interaction test should still pass.
  • Run luastra check and luastra test after the edit.
  • Refresh or return to the live preview and confirm the new title without losing counter behavior.
  • For a behavior change such as adding Subtract, update render, handle, and the test together.
  • Next, use the Delayed action recipe to add time, Typed navigation to add screens, or Persist state to survive reloads.

Complete inventory

View all pages in Beginner tutorial: build an accessible counter
← Previous: 6. Run and verify the interfaceNext: How one click becomes visible state →