Disrupting Technologies a retrospect Jesse Dijkstra Frontend - - PowerPoint PPT Presentation

▶
disrupting technologies
SMART_READER_LITE
LIVE PREVIEW

Disrupting Technologies a retrospect Jesse Dijkstra Frontend - - PowerPoint PPT Presentation

Jul 14, 2023 423 likes •730 views

Disrupting Technologies a retrospect Jesse Dijkstra Frontend Developer Subscribers Subscribers Newsstand Subscribers Newsstand Subscribers Newsstand 325 000 Overview Content Payment Provider Webservice Provider Provider Services

slide-1
SLIDE 1

Disrupting Technologies

a retrospect

Jesse Dijkstra Frontend Developer
slide-2
SLIDE 2 Subscribers
slide-3
SLIDE 3 Subscribers Newsstand
slide-4
SLIDE 4
slide-5
SLIDE 5 Subscribers Newsstand
slide-6
SLIDE 6 Subscribers Newsstand
slide-7
SLIDE 7
slide-8
SLIDE 8
slide-9
SLIDE 9
slide-10
SLIDE 10
slide-11
SLIDE 11
slide-12
SLIDE 12

325 000

slide-13
SLIDE 13 Webservice Content Provider Payment Provider Provider Services

Overview

Varnish Web iOS Android
slide-14
SLIDE 14

3 Problems

Publishing around more than 6000 articles per day Discovering content and services for an increasing number of clients Providing an optimal user experience in a fat client

slide-15
SLIDE 15

The Content Problem

Publishing around more than 6000 articles per day

slide-16
SLIDE 16 Volkskrant Washington Post NRC The Economist Telegraaf

Workflow Static Content (S3)

Passive Data Storage (no DB)

slide-17
SLIDE 17

The Discoverability Problem

Discovering content and services for an increasing number of clients

slide-18
SLIDE 18

api.json

Hypermedia Application Language (HAL)

article provider issue article article img issue article provider issue article article img img img issue

Content

me user transacti
  • n
transacti
  • n
post timeline post transacti
  • n
user

Webservice

posts posts archive user posts posts user

Payment

iDeal PayPal Visa Payme nt user price info price info price info

Provider 1

Sub scription 2 Sub scription 1

Provider 2

Sub scription 1 user posts posts user posts user user
slide-19
SLIDE 19

Hypertext Application Language (HAL)

HAL is for REST API’s what HTML is for the web Discoverable URLs for REST clients

slide-20
SLIDE 20
slide-21
SLIDE 21
slide-22
SLIDE 22
slide-23
SLIDE 23

The Client Problem

Providing an optimal user experience in a fat client

slide-24
SLIDE 24

3 clients

Single Page Web Application Native iPhone Native Android

slide-25
SLIDE 25

Rendering DOM is slow and tedious

DOM is slow

slide-26
SLIDE 26

Traditional techniques

Replace all the content Manual rendering and setters Virtual DOM diff

Virtual DOM

Two way data binding One render to rule them all One way data flow

slide-27
SLIDE 27

React

slide-28
SLIDE 28

Other disrupting technologies

Cucumber - Full fledged automated end-to-end tests Docker - Containers for all our (micro) services Elastic Search - Indexes all our content JSON Webtokens - Verify purchases and data without callbacks

slide-29
SLIDE 29

jesse@blendle.com