Reference app presentation
Draft of Reff App presentation
by kontrach
HTML
<article>
<h1>Reference Application</h1>
<section>
<h2>High level overview</h2>
<a href="https://confluence.wolterskluwer.io/display/~pawel.majewski/Wolterskluwer+Bamboo+Seed+-+long+term+vision" target="_blank">Pages pattern</a>
<ul>
<li>L3: Application orchestration
<ul>
<li>Registers Application Storage, reducers and epics</li>
<li>Creates pages and adds page state to app store, registers page epics</li>
<li>Handle Routing</li>
</ul>
</li>
<li>L2: Page package
<ul>
<li>Doesn't know anything about app level and other pages</li>
<li>Has own state and side effects managment</li>
<li>Implements Edge Services for requesting data from Back End</li>
<li>Defines config which data should be provided from App level</li>
</ul>
</li>
</ul>
<ul>
<li>L3: <a href="https://www.angular.io" target="_blank">Angular</a></li>
<li>L2: <a href="https://www.wolterskluwer.io/sfc/elements/packages/@wk/custom-element/0.7.7/howToUse.html" target="_blank">Custom Elements</a></li>
<li><a href="https://confluence.wolterskluwer.io/display/RA/Introduce+Edge+Services" target="_blank">Edge Services</a></li>
<li><a href="https://bitbucket.wolterskluwer.io/projects/EDGE/repos/wk-edge-services/browse" target="_blank">Edge Services Repository</a></li>
</ul>
</section>
<section>
<h2>L3: App level</h2>
<ul>
<li>Server Side Rendering</li>
<li>Routing</li>
<li>Creates App Store</li>
<li>Registers Pages Guards</li>
<li>Provides Config for pages, i.e., links to other pages</li>
<li>Registers EdgeServices</li>
</ul>
<h3>Server Side Rendering</h3>
<p>
Angular <a href="https://angular.io/api/platform-server/renderModule">renderModule</a> and <a href="https://github.com/fgnass/domino" targe="_blank">domino.js</a>
Domino helps to render Custom Elements on server...