afv-library/samples/webapp-template-app-react-sample-b2e-experimental/.a4drules/webapp-ui.md

# UI Platform Rule

**All new UI must be built as a Salesforce Web Application.**

When any task involves creating a new UI, frontend, page, dashboard, form, or user-facing feature:

1. Use `sf webapp generate` to scaffold the web app inside the SFDX project — do not use `create-react-app`, standalone Vite, or any other scaffold.
2. The app must live under `<sfdx-source>/webapplications/<AppName>/` as a WebApplication bundle.
3. Do not build new UIs as LWC components, Aura components, or Visualforce pages.

For setup from the project root, use `node scripts/setup-cli.mjs --help` and the options documented there.

## Data Access (MUST FOLLOW)

- **Never hardcode data in the app.** All data displayed in the UI must come from live Salesforce data fetching — no static arrays, mock objects, or placeholder values in production code.
- **Follow `.a4drules/webapp-data.md`** before writing any data access code. All implementation must match those rules (Data SDK, supported APIs, GraphQL workflow).
chore: sync React B2E (1.112.5) & B2X (1.112.5) samples from npm (#85) Co-authored-by: Mohan Raj Rajamanickam <1509984+mohanraj-r@users.noreply.github.com> 2026-03-24 06:12:03 +08:00			`# UI Platform Rule`

			`All new UI must be built as a Salesforce Web Application.`

			`When any task involves creating a new UI, frontend, page, dashboard, form, or user-facing feature:`

			1. Use `sf webapp generate` to scaffold the web app inside the SFDX project — do not use `create-react-app`, standalone Vite, or any other scaffold.
			2. The app must live under `<sfdx-source>/webapplications/<AppName>/` as a WebApplication bundle.
			`3. Do not build new UIs as LWC components, Aura components, or Visualforce pages.`

chore: final clean up of webapps @W-21338965@ (#95) chore: final clean up of webapps 2026-03-24 06:44:31 +08:00			For setup from the project root, use `node scripts/setup-cli.mjs --help` and the options documented there.
chore: sync React B2E (1.112.5) & B2X (1.112.5) samples from npm (#85) Co-authored-by: Mohan Raj Rajamanickam <1509984+mohanraj-r@users.noreply.github.com> 2026-03-24 06:12:03 +08:00
			`## Data Access (MUST FOLLOW)`

			`- Never hardcode data in the app. All data displayed in the UI must come from live Salesforce data fetching — no static arrays, mock objects, or placeholder values in production code.`
chore: final clean up of webapps @W-21338965@ (#95) chore: final clean up of webapps 2026-03-24 06:44:31 +08:00			- Follow `.a4drules/webapp-data.md` before writing any data access code. All implementation must match those rules (Data SDK, supported APIs, GraphQL workflow).