Home/Documentation/React Showcase

React Showcase

The React Showcase is a private React application that exercises @validation-rules-engine/react with provider-scoped hooks, controlled inputs, and comparable state-management integrations. It demonstrates the same Core policies through React lifecycles rather than Angular adapters or plain DOM bindings.

Local multi-host URL: /showcases/react/

Single-host path: /showcases/react/

What it demonstrates

  • Provider-backed controlled forms with blur, change, submit, and reset flows
  • Field messages, summaries, groups, and dynamic sections
  • Performance pages with generated large policies
  • State workflows including Local State, Redux Toolkit, Zustand, Jotai, Recoil, MobX, and Context API

Relationship to the React package

React Showcase → @validation-rules-engine/react → @validation-rules-engine/core

Use the showcase to compare live integrations. Use the React Package docs for install, hooks, and API guidance:

Where to go next

Continue in the live platform

Open React ShowcaseTry the hooks and policies in a live React application →