Application construction components - Designer Front-end
Description of the application construction components for Altinn Studio Designer Front-end
Overview of frontend applications
High-level description of the different applications used in Desgner frontend
Designer frontend code strucure
High-level overview of how the app frontend is structured
The Designer frontend consists of multiple React + Redux applications. It is split into two top-level applications:
In additions, different functional areas will have their own applications, which are then imported into the relevant top-level application as a subapp (see https://redux.js.org/recipes/isolatingsubapps). Currently, we have the following subapps, that are used by the app-development top-level application:
- schema-editor (data modeling)
Finally, there is a library of shared components and utils that are used accross all the applications in the Designer frontend.
wwwroot folder and hosted there.
NOTE: Parts of the front-end is currently built in .NET Core. This will gradually be ported over to React as we work with the different functional areas. The exception here is the static landing page, which will remain as a custom view in the .NET application.
The front-end of Altinn Studio designer is set up using the same React + Redux architecture as the App frontend, take a look here for more details.