The STATE of the web
Managing complexity in modern web applications
Memtech


Overview
The state of the web
A brief history of the internet
Modern User Interfaces
Managing complexity in web apps
(featuring mobx and typescript)
Part 1
The State of the Web
A Brief History of the Internet

In the Beginning
1991-1999
1991
HTTP

1993
HTML
1996
CSS
1994
JavaScript


1998
1997
ECMA standardizes JS
1999
EcmaScript V3

First Browser Wars
1995 - 2001
"Best viewed in"


Search Engines
1994-98
yahoo, ask jeeves, google, etc...


Massive Adoption and Growth
2000-2006
Social Media
Facebook Public Access 2006
Twitter 2006


2005
The Term AJAX is coined

2006
jQuery

2007
Zero Day

Post Mobile
2007-Present
2007
iphone
2009
android
2008
App Store


2009
ES5

2010-2011
Responsive Design/Mobile First
Bootstrap & Foundation
SASS/LESS
NPM/Bower
Grunt/Gulp









2011-2015
Chaos
Rise of SPAs
Leverage AJAX to the extreme
Angular, Backbone, Ember
REACT!!
Babel & Webpack






2015
EcmaSript 6
ES2015

2016-2020
Meanwhile...
Agile, DevOps, MicroServices, Cloud, Gaming
Part 2
User Experiences
External Forces
The browser is the target
Web design is not (only) about pretty colors and rounded corners anymore
UX is Data Driven

New Technologies allow us to break convention





Text
Text
Web applications are inherently complex
Part 3
Managing Complexity
Thinking in React
Atomic Design
State Management
Redux
Mobx
Redux

Mobx

UI Components

UI State

Organizing State in Multiple Stores

TypeScript
The STATE of the web
By gpspake
The STATE of the web
- 776