Skip to Content

User Interface

In the realm of micro frontend architectures, maintaining a consistent and cohesive user interface (UI) across different applications is crucial. AppClient, in conjunction with the @akinon/ui-* libraries, plays a pivotal role in achieving this uniformity in UI design and experience.

Leveraging @akinon/ui-* Libraries

Purpose

The @akinon/ui-* libraries are a collection of UI components and styles that have been specifically designed to align with Akinon’s design principles and aesthetics. By leveraging these libraries, micro frontend applications can seamlessly integrate with the main application, ensuring a uniform look and feel.

Features:

  • Consistent Design: The libraries provide a consistent design language that aligns with the overall style of Akinon’s applications.
  • Reusable Components: A wide range of reusable UI components such as buttons, forms, dialogs, etc., are available, facilitating rapid and consistent development across applications.
  • Customizable Yet Cohesive: While offering customization options, these libraries ensure that the core design principles remain intact, preserving the overall user experience.

Implementation Guidelines

Utilizing UI Components

When developing micro frontend applications, it is recommended to use the components from the @akinon/ui-* libraries as the primary building blocks for the UI. This approach ensures that your application adheres to the established design standards and integrates seamlessly with other applications in the ecosystem.

General Utilities

The @akinon/ui-* libraries also provide a set of general utilities that can be used to enhance the user experience. These utilities include:

  • Date helper methods.
  • Formatting helper methods.
  • Localization helper methods.