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
