JavaScript FRAMEWORKS

https://jsfiddle.net/smax/g7hc05vu/

Why and when to use them

 Enhance Fullstack Applications

Server
HTML
HTML
<> HTML
<>
<>
Renders multiple Pages (“Views“)
(~one per request)
Client

Enhance Pages
 Why and Why Not?

PRO CON

Very SEO-friendly Delayed Reaction Time (Page needs to load)

Tons and tons of Frameworks and Tutorials Easier to mix Presentation and Business Logic

„Simpler“ Security Solutions Possibly Multiple Languages

Higher Chance of Working with Turned Off JS

 Create Single Page Applications

A simple server for serving static

files (HTML + JS + CSS) is enough

Server

HTML
<>
Only sends ONE single Page!

Client

Controls complete App, re-renders DOM

 Why and Why Not?

PRO CON

Very fast Reaction Time SEO is Hard (but getting better!)

Separation of Presentation and Business Logic Security „needs more Thought“

Great User Experience Won‘t Work without JavaScript

Offline Support Possible

 Framework Prerequisites

JavaScript ES5 JavaScript ES5 JavaScript ES5

JavaScript ES6 JavaScript ES6 JavaScript ES6

Workflow
Local

TypeScript TypeScript TypeScript