Scribd
Upload
23 views

Understanding Js Frameworks

The document discusses JavaScript frameworks and when to use them. It explains the differences between traditional server-rendered pages and single-page applications, including pros and cons of each. It also lists some prerequisites for using frameworks, such as JavaScript versions and TypeScript.

Uploaded by

Diane Rivera
Copyright
© © All Rights Reserved
We take content rights seriously. If you suspect this is your content, claim it here.
Available Formats
Download as PDF, TXT or read online on Scribd
23 views

Understanding Js Frameworks

The document discusses JavaScript frameworks and when to use them. It explains the differences between traditional server-rendered pages and single-page applications, including pros and cons of each. It also lists some prerequisites for using frameworks, such as JavaScript versions and TypeScript.

Uploaded by

Diane Rivera
Copyright
© © All Rights Reserved
We take content rights seriously. If you suspect this is your content, claim it here.
Available Formats
Download as PDF, TXT or read online on Scribd
You are on page 1/ 6

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

You might also like