Presentation TJIP Meet-Up 20-06-19 topics: future of Web 3.0 and business applications

1. Future of the web
TJIP The Platform Engineers

2. Ke e s Ha ve rk a m p
Tech strateeg – fintech & proptech
Innovation manager @ Tjip
Founder Newest Industry
Co-founder Faster Forward (2003-2013)
Author/public speaker.; TU Delft, Frankwatching.com,
AM, IIR artificial intelligence, MT, VVP, NRC.

3. TJ IP Cu s t o m e rs :

4. La b e ls :

5. "We combine the speed and agility of
a startup with the "deep expertise"
of an established IT company. "

7. WWW2 = Broken

11. Virtual Cloud
3.0
The Web
1.0
Social Graph
2.0

12. Dig it a l t w in –IOT –MESH –V-clo u d ,
e t c.

13. A.I.

18. Delft Designers & Developers Meetup
The SPA Spasm

19. W h o a re yo u ?
• Ralph Hendriks
• Twitter: @ralph_hendriks
• GitHub: https://github.com/ralphhendriks
• Software developer > 10 years
• .NET, C#, DDD, OO Design
• Electrical Power Engineering
• IOT enthusiast
• No smart folks, just the folks in the room

20. Ag e n d a
• SPAs, why and how?
• SPA criticism, revisited:
• SPAs break browsers
• SPAs break the web
• SPAs don’t scale
• Coupling and cohesion
• SPAs are slow
• Alternatives

21. Tw o Blo g s
The Bullshit Web (https://tinyurl.com/BullshitWeb)
Nick Heer, 30 July 2018
Why I hate your Single Page App (https://tinyurl.com/WhyIHateYourSPA)
Stefan Tilkov, 13 January 2016

22. SPAs , w h a t a n d w h y?
• Dynamically rewriting the current page
• No page reloads
• Single load or dynamic load
• Opposed to page-redraw method
• Patented!

23. SPAs b re a k b ro w s e rs
• History (back, forward, browser history)
• HTML5 History API
• Persistent and durable links
• Client-side routing
• Heavily leaning on JavaScript
• Progressive enhancement vs. graceful degradation

24. SPAs b re a k t h e w e b
HTML
DNSHTTP

25. A w e b o f a p p s ?

28. SPAs d o n ’t s ca le
• How many two-pizza teams can develop one SPA?
• FE/BE team separation first
• Vertical slices
• FE composition

29. Co u p lin g a n d Co h e s io n
• Coupling is the property that one module is forced to change
because another does
• Cohesion is the property that a module is subject to the same
forces of change
• Domain logic vs. application logic

30. SPAs a re s lo w
Rendering on the Web (https://tinyurl.com/RenderingOnTheWeb)
Jason Miller, Addy Osmani, February 2016

31. Alt e rn a t ive s
Resource-Oriented Client Architecture (https://roca-style.org/)
Self-Contained Systems (https://scs-architecture.org/)
Micro frontends

33. Fro m le g a cy t e ch n o lo g y t o a
n e w s t a t e o f a rt
Migration of a large webapplication from
AngularJS to Angular

34. My story
For me, programming is just learning a new
language
• Sinologist
• First grade teacher
• Software developer

35. In t ro d u ct io n
What Why How

36. Pre p a ra t io n
W e b p a ck (m o d u le b u n d le r)
Co m p o n e n t s
Typ e Scrip t
Kn o w le d g e

37. Ch o o s e yo u r p a t h
Big Bang Duplicate Hybrid application

38. Ma k e u p yo u r m in d
TIME CUSTOMER TEAM ORGANIZE TEST