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:

Routing

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

Summary

…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