App presentation components

Ipa-core component: IpaMainLayout.jsx

IpaMainLayout.jsx is a component which is called from the ipa-core library and handles the app layout template and back-end services such as your app's session, configuration, authorization, and error handling. It allows you to focus on developing React code while it takes care of those other tasks.

Layout.jsx and AppProvider.jsx components

IpaMainLayout.jsx wraps the Layout.jsx and AppProvider.jsx ipa-core components.

These two ipa-core components function as follows:

• Layout.jsx component: This component renders a template main layout for your app and handles transitions.
• AppProvider.jsx component: This is a custom provider component that wraps your app to make data and functionality available throughout the entire component tree. This includes your app's session, configuration, authorization, error handling, and UI presentation for user roles.

Figure: IpaMainLayout.jsx component and wrapped components