afv-library/samples/webapp-template-app-react-sample-b2e-experimental/.a4drules/webapp-ui.md
svc-idee-bot 74ba11f45f
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-23 15:12:03 -07:00

17 lines
1.0 KiB
Markdown

# 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.
Invoke the `creating-webapp` skill (`.a4drules/skills/creating-webapp/`) for the full setup workflow.
## 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.
- **Always invoke the `using-salesforce-data` skill** (`.a4drules/skills/using-salesforce-data/`) before writing any data access code. All implementation must be derived from that skill.