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