eaf-ui

Define a component with standalone: true, declare its imports array, and use signal(), computed(), and effect() for reactive state. Signals replace BehaviorSubjects for local state and work well with OnPush change detection.

Create an AuthService that posts credentials to the TokenAuth endpoint and stores the access token in localStorage. Add an HTTP interceptor that clones outgoing requests and attaches the Authorization Bearer header when a token exists.

Use the p-table component with the paginator and rows attributes bound to your data array. Fetch data from the EAF API using a paged input DTO with skipCount and maxResultCount, then bind result.items to the table value.

Yes, define functional CanActivateFn guards that inject AuthService and check route.data for a required permission string. Redirect unauthenticated users to login and unauthorized users to an access-denied page.

Subscriptions that are never unsubscribed keep observers alive after the component is destroyed. Use takeUntilDestroyed with DestroyRef or unsubscribe in destroyRef.onDestroy to clean up automatically.

Do not use it for backend API development, database work, or non-Angular frontend frameworks. It is scoped to the EAF Angular frontend consuming EAF REST APIs.