Browse Source

Add more visuals

pull/25073/head
enisn 5 months ago
parent
commit
251f39a59d
No known key found for this signature in database GPG Key ID: A052619F04155D1C
  1. BIN
      docs/en/Community-Articles/2026-03-12-official-react-ui-for-abp-framework/images/abp-react-ui-modern-template-demo.gif
  2. BIN
      docs/en/Community-Articles/2026-03-12-official-react-ui-for-abp-framework/images/react-ui-and-admin-console.png
  3. 3
      docs/en/Community-Articles/2026-03-12-official-react-ui-for-abp-framework/post.md

BIN
docs/en/Community-Articles/2026-03-12-official-react-ui-for-abp-framework/images/abp-react-ui-modern-template-demo.gif

Binary file not shown.

After

Width:  |  Height:  |  Size: 1.4 MiB

BIN
docs/en/Community-Articles/2026-03-12-official-react-ui-for-abp-framework/images/react-ui-and-admin-console.png

Binary file not shown.

After

Width:  |  Height:  |  Size: 96 KiB

3
docs/en/Community-Articles/2026-03-12-official-react-ui-for-abp-framework/post.md

@ -27,6 +27,7 @@ Second, there is the **ABP Admin Console**. The Admin Console is a pre-built Rea
For layered and single-layer modern applications, the Admin Console is hosted by the backend and served under `/admin-console/*`. For microservice solutions, it runs as a separate React app under `apps/react-admin-console/`, with its own runtime configuration and the same `/admin-console/` base path. In both cases, the main React app can link users into the Admin Console when they need full administrative screens. For layered and single-layer modern applications, the Admin Console is hosted by the backend and served under `/admin-console/*`. For microservice solutions, it runs as a separate React app under `apps/react-admin-console/`, with its own runtime configuration and the same `/admin-console/` base path. In both cases, the main React app can link users into the Admin Console when they need full administrative screens.
This split is a practical design choice. Your business UI stays yours, while administration capabilities remain available, consistent, and upgradeable. This split is a practical design choice. Your business UI stays yours, while administration capabilities remain available, consistent, and upgradeable.
![react-ui-and-admin-console](images/react-ui-and-admin-console.png)
## A different frontend philosophy ## A different frontend philosophy
@ -104,6 +105,8 @@ abp new Acme.BookStore --template microservice --modern --version 10.4.0-rc.1
Once ABP 10.4 stable is released, the same modern React experience is planned to become generally available without needing to target the RC version explicitly. Once ABP 10.4 stable is released, the same modern React experience is planned to become generally available without needing to target the RC version explicitly.
![ABP Framework React UI Modern Template Demo](images/abp-react-ui-modern-template-demo.gif)
## What's next ## What's next
The React UI is now real in ABP 10.4 RC, and the final polishing work continues toward the stable release. If you have been waiting for a real React path in ABP, this is the point where it stops being a wish and starts becoming something you can actually build with. The React UI is now real in ABP 10.4 RC, and the final polishing work continues toward the stable release. If you have been waiting for a real React path in ABP, this is the point where it stops being a wish and starts becoming something you can actually build with.

Loading…
Cancel
Save