Now Experience Framework: App Shell and Routing

App Shell

App Shells
  1. App Shell configuration represented as a JSON object in a Composition field.
  2. There must be two specific references to the out-of-the-box “Canvas Layout” and “Canvas Main”components:


Out-of-the-box App Shell that provides a tab component (on the left) with routing

App Shell and Routing together

  • Header/top-navigation component — is a custom component that reads a specific UX property and provides navigation between pages/routes.
  • Custom App Shell — is a simple app shell based on out-of-the-box Portal App Shell where the default navigation component is replaced with a custom one.

1. Create a new Experience app

2. Create UX property

3. Create UX pages in UI Builder

4. Configuration options


…and React?




Love podcasts or audiobooks? Learn on the go with our new app.

Recommended from Medium

READ/DOWNLOAD%- The Codes Guidebook for Interiors FULL BOOK PDF & FULL AUDIOBOOK

An Overview of UX

Full Design Process

Jala UX Case Study (Part One)

User Centric Software Architecture

Illustrator → After Effects Workflow Video Script

STORY №009

Designing a dashbooard to visualize Global COVID-19 cases

Get the Medium app

A button that says 'Download on the App Store', and if clicked it will lead you to the iOS App store
A button that says 'Get it on, Google Play', and if clicked it will lead you to the Google Play store
Andrew Pishchulin

Andrew Pishchulin

More from Medium

Communication Design Project 2

Info Design Project 3 Week 2

Digital Marketing Trend To Dominate 2022