Rendering in Angular 2

@zizzamia

What is it rendering

HTML to native

HTML to native "pros and cons"

Angular 2
can do a step forward

One template implementation for all platforms?

Angular 2 Renderer

Angular 2 Renderer

How this renders works

Separation = support for ...

Angular 2 has the Renderer Class

HTML and CSS code is parsed at compile time

This allows for full a understanding of the HTML code

Writing a custom renderer

Let's experiment!

Custom canvas experimentation

code example canvas

code example html

code example output (this is a canvas element)

code example github

matsko/angular2-canvas-renderer-expirement

Multiple renderers per app

code example electron

code desktop

code example web

code web

code example github

angular2-multi-client

Work in progress

Plan

Plan

Recap

Angular2 will include a more concrete API when stable is released.

More information will be provided when ready

and ...

Read This...

Links

Canvas Renderer Code

Angular Electron Demo Code

Special Thanks To...

Matias Niemelä (@yearofmoo)

... and

• Tobias Bosch - he wrote the renderer
• Rob Wormald (@robwormald) - angular electron renderer
• The Rest of the Angular Core Team

#ThankYou

Rendering in Angular 2

@zizzamia