Toolkit of modern web development

- Jakub Škvára

Angular vs React

Jacques-Louis David, 1796-1799, Oil on Canvas

GWT - 2007

History of JavaScript libraries

GWT - 2007 Ext JS - 2009

History of JavaScript libraries

GWT - 2007 Ext JS - 2009 jQuery - 2010

History of JavaScript libraries

GWT - 2007 Ext JS - 2009 jQuery - 2010 Knockout - 2012

History of JavaScript libraries

Backbone JS - 2013

History of JavaScript libraries

Backbone JS - 2013

History of JavaScript libraries

Angular - 2014

Backbone JS - 2013 Angular - 2014 React - 2015

History of JavaScript libraries

Backbone JS - 2013 Angular - 2014 React - 2015 ??? - 2016

History of JavaScript libraries

???

Language

Architecture

Build tools

Napoleon Crossing the Alps, Jacques-Louis David, 1801

Language

The Tower of Babel, Pieter Bruegel the Elder, 1563

Mona Lisa, Leonardo da Vinci,

JavaScript (ECMA Script 5)

Girl with a Pearl EarringJohannes Vermeer, 1665

ECMA Script 2015(ES6)

The Dream, Pablo Picasso, 1931

TypeScript

The last supper, Leonardo da Vinci, 1498

DartElm

ES7Web Assembly Clojure

TypeScript ES 2015 JavaScript

Ecce homo, Elías García Martínez, 1930

Colosseum, 70–80 AD

Build

Taj Mahal, 1648Npm

Grunt Gulp

Pantheon, 447 BC

Webpack

Babel

Hot ReloadBrowser Sync

Machu Picchu

Lint

The Great Pyramid of Giza, 2580–2560 BC

Sydney Opera House

Architecture

Buckingham Palace

Flux ReduxRedux Saga

Immutable JS

Flatiron building, 1902

RxJS Reactivestreams

Mobile

React Native

Native Script

Communication with server

REST

GraphQLRelay Falcor

The School of Athen, Raphael

Seurat: La Grande Jatte (1886)

New Standards

Web Components

New Browser APIs

The Creation of Adam, Michelangelo, 1512

#DevsUnited

For your attention I thank you