$30 off During Our Annual Pro Sale. View Details »

NHSWD/4NG: The JavaScript Big Three

Stefan Nieuwenhuis
November 24, 2021
Technology
0
12

NHSWD/4NG: The JavaScript Big Three

JavaScript Frameworks and Libraries are insanely popular with businesses and developers. Why? That's what we're going to find out in this talk.

We start with a small history of Web Browsers and JavaScript, followed by the first browser wars, the birth of JQuery, and dive straight into the in's and outs of the JavaScript Big Three: Angular, React & Vue. We discuss the pros and cons, similarities and differences, and the popularity among developers and businesses.

We close with two use cases from enterprises using JavaScript Frameworks and/or Libraries for their apps.

Stefan Nieuwenhuis

November 24, 2021
Tweet

More Decks by Stefan Nieuwenhuis

See All by Stefan Nieuwenhuis
Taming huge Angular applications at bol.com
stefannhs
0
270
Taming huge enterprise applications with Mono repos, Design Systems & Web Components
stefannhs
0
130
The art of building framework independent design systems
stefannhs
1
230
Micro Frontends & Design Systems, built with Angular and Stencil
stefannhs
0
370
Building a framework independent component library with StencilJS
stefannhs
0
220

Other Decks in Technology

See All in Technology
CPOが開発する覚悟 〜コンパウンドスタートアップにおける、爆速の新規プロダクト開発スタイル〜
mosa_siru
7
6.1k
從心開始的純軟之路
line_developers_tw
PRO
0
1.2k
ミチビク株式会社エンジニアカンパニーデック
knsg16
0
2.2k
開発生産性の多角的接点〜1,000名のクリエイター組織 × 開発生産性〜 / Multifaceted touchpoints of development productivity
i35_267
3
470
Kaggle Tokyo Meetup2023 CommonLit Solutionの紹介と考え方 - Fulltrain戦略と(Seed/Model)Ensembleの可視化 -
chumajin
2
1k
EventStormingとRDRA2.0で大規模レガシーシステムのフルリニューアルPJに挑む
leveragestech
0
1.1k
TextField 表示スタイル変更の 有効活用例 5 選
akkie76
0
120
Autonomous Database - Dedicated 技術詳細 / adb-d_technical_detail_jp
oracle4engineer
PRO
2
4k
That One Script You Wrote is Now a Platform
bownie
0
100
Japan.R2023_いろんな可視化ツールあるけどggplotて何がいいの？- 複数ツールで比較してみた！-
wakamatsu_takumu
1
350
CSSパフォーマンスに関する計測結果
poteboy
3
1.2k
device mapperによるディスクI/O障害のエミュレーション
sat
PRO
7
2k

Featured

See All Featured
Responsive Adventures: Dirty Tricks From The Dark Corners of Front-End
smashingmag
240
20k
Web development in the modern age
philhawksworth
201
9.9k
Streamline your AJAX requests with AmplifyJS and jQuery
dougneiner
130
9.8k
Designing Experiences People Love
moore
133
23k
Large-scale JavaScript Application Architecture
addyosmani
501
110k
BBQ
matthewcrist
76
8.5k
The Cult of Friendly URLs
andyhume
71
5.4k
Designing Dashboards & Data Visualisations in Web Apps
destraynor
225
51k
Reflections from 52 weeks, 52 projects
jeffersonlam
342
19k
GraphQLとの向き合い方2022年版
quramy
26
12k
Done Done
chrislema
178
15k
Thoughts on Productivity
jonyablonski
55
3.5k

Transcript

  1. The JavaScript Big Three
    Stefan nieuwenhuis

    View Slide

  2. The JavaScript Big Three: Angular, React & Vue
    Web Developer
    Archeoloog
    Waterpolo
    Stefan Nieuwenhuis
    Skydiving
    Boeken
    Triathlon

    View Slide

  3. View Slide

  4. View Slide

  5. View Slide

  6. View Slide

  7. View Slide

  8. View Slide

  9. 1990
    WorldWideWeb
    Browser

    View Slide

  10. 1993
    Mosaic
    Browser

    View Slide

  11. 1994

    View Slide

  12. 1994
    Netscape
    Navigator

    View Slide

  13. DOM

    View Slide

  14. 1995 Mocha

    View Slide

  15. 1996
    Internet
    Explorer

    View Slide

  16. 1997

    View Slide

  17. 1999

    View Slide

  18. View Slide

  19. View Slide

  20. View Slide

  21. View Slide

  22. View Slide

  23. HTML/CSS/TS gesplitst
    Modulariteit
    Dependency Injection
    Separation of concerns
    Out-of-the-box features
    Angular CLI
    Security
    Rigide richtlijnen
    TypeScript First

    View Slide

  24. Breaking Changes
    Compatibiliteit
    Performance
    Steile leercurve
    Dependency Injection

    View Slide

  25. Virtual DOM
    Reusability
    Performance
    Flexibiliteit
    Declarative
    JSX
    Laagdrempelig
    Immutability
    One-way data binding

    View Slide

  26. Flexibiliteit
    JSX
    Third-party libraries
    Documentatie
    View only

    View Slide

  27. Perfect voor prototyping
    Opinionated framework
    JavaScript & TypeScript
    Separation of concerns
    Two-way data binding
    Progressieve migratie
    Virtual DOM
    Lightweight

    View Slide

  28. Geen backing van grote firms
    Relatief nieuw
    Documentatie
    Two-way data binding
    Kleine community

    View Slide

  29. View Slide

  30. View Slide

  31. View Slide

  32. View Slide

  33. View Slide

  34. View Slide