Agenda
Our (Microsoft) story
Sitecore
A website page is a hierarchy of UI components
Editing pages
Editing pages
What does this mean for application architecture?
MVC Workflow
Why did we want to -change- evolve?
Front-end framework benefits
So what's the issue?
The challenge with front-end frameworks
Component composition
JavaScript Services (JSS) to the rescue!
Three-year journey (and counting)
Initial idea
Placeholders in React components
Architecture (editor mode)
What if...
Disconnected development
Disconnected development
Sample App
JS controls data layer
Architecture (editor mode)
Architecture (end-user mode)
Tech preview - Go beyond React
Command Line Interface
Command Line Interface - Used Yargs
Starter Kits
Automated e2e test suite
GraphQL
GraphQL Example
Monorepo
Monorepo powered by lerna.js
Monorepo powered by lerna.js
TypeScript
Documentation – make it searchable
Summary
Overhead of supporting multiple frameworks
Focus on developer experience
Focus on developer experience
Want to learn more about our SDK?