СВЕТЛОЕ БУДУЩЕЕ CUSTOM ELEMENTS

ЖУКОВА ЕЛЕНА

О ЧЕМ ЭТО?

ДМИТРИЙ ДИМАНД

* Нарушенное обещание Web Components (The broken promise of Web Components) ** О нарушенном обещании Web Components (Regarding the broken promise of Web Components)

DOM медленный

Ты медленный

JSX лучше чем DOM API

JSX - это просто сахар

Строковые атрибуты - отстой

РОБ ДОДСОН

Используй атрибуты

ИСТОРИЯ

РОЖДЕНИЕ

▸Игрушечный язык

▸Язык-прокладка для дизайнеров и программистов-любителей

▸Писать на JavaScript значило быть не серьезным программистом

ИСТОРИЯ

МОНСТР?

▸Совместимость в браузерах

▸Манипуляция DOM

▸Отсутствие объектно-ориентированного стиля

▸Проблемы с масштабированием

▸Сложная поддержка

ИСТОРИЯ

▸ jQuery

▸Backbone

▸Knockout

▸ Ember

▸Angular

▸React

▸Vue

ИСТОРИЯ

ОРУЖИЕ

▸Webpack

▸Browserify

▸Babel

▸Gulp

▸и еще 100500 других

ДОСПЕХИ

ИСТОРИЯ

HOLLY WARS

ИСТОРИЯ

СТАНДАРТЫ

СТАНДАРТЫ

Template strings

ES6

Custom elements

<script type "module">

Shadow DOM

CUSTOM ELEMENTS

CUSTOM ELEMENTS

WEB COMPONENTS AND MODEL DRIVEN VIEWS 2011

ALEX RUSSEL

CUSTOM ELEMENTS

CUSTOM ELEMENTS ИСТОРИЯ ПУБЛИКАЦИЙ

2016-10-13 Working Draft2016-10-02 Working Draft2016-08-30 Working Draft2016-07-21 Working Draft2016-06-21 Working Draft2016-06-09 Working Draft2016-05-23 Working Draft2016-05-17 Working Draft2016-02-26 Working Draft2016-01-19 Working Draft2014-12-16 Working Draft2013-10-24 Last Call2013-05-14 First Public Draft

CUSTOM ELEMENTS 2013

CUSTOM ELEMENTS 2016

SHADOW DOM

scoped style

CUSTOM ELEMENTS LIFE CYCLE

life cycle

CUSTOM ELEMENTS OBSERVING ATTRIBUTES

CUSTOM ELEMENTS TEMPLATES

use template

ЭКСПЕРИМЕНТЫ

ЭКСПЕРИМЕНТЫ

CUSTOM ELEMENTS

ЭКСПЕРИМЕНТЫ

REACT

CUSTOM ELEMENTS VS REACT ЗАГРУЗКА

CUSTOM ELEMENTS REACT

ЭКСПЕРИМЕНТЫ

ЭКСПЕРИМЕНТЫ

REACTCUSTOM ELEMENTS

CUSTOM ELEMENTS VS REACT ПЕРЕРИСОВКА

ЭКСПЕРИМЕНТЫ

ЭКСПЕРИМЕНТЫ

CUSTOM ELEMENTS VS REACT

CUSTOM ELEMENTS REACT

ЭКСПЕРИМЕНТЫ

CUSTOM ELEMENTS REACT

УДОБСТВО РАЗРАБОТКИ

template string

УДОБСТВО РАЗРАБОТКИ

OOP style

УДОБСТВО РАЗРАБОТКИ

CSS with CSS

ROB DODSON

ПЕРЕДАЧА ДАННЫХ

CUSTOM EVENTS

ЗАКЛЮЧЕНИЕ

Модульность 😀

Производительность 😀

Удобство разработки 😋

Кроссбраузерность 🤕

ЭКСПЕРИМЕНТЫ

ИСТОЧНИКИ

ИСТОЧНИКИ

WEBCOMPONENTS.ORG

CUSTOM-ELEMENTS-EVERYWHERE.COM

ИСТОЧНИКИ

ИСТОЧНИКИ

СВЕТЛОЕ БУДУЩЕЕ?

СВЕТЛОЕ БУДУЩЕЕ?

СВЕТЛОЕ БУДУЩЕЕ?

СВЕТЛОЕ БУДУЩЕЕ?

0

100000

200000

300000

400000

ОКТЯБРЬ 2017

Custom elements React

https://bigquery.cloud.google.com/savedquery/563055368311:016eb3605ca44e5da4f9e2b358809927

JS TRENDS

2006 2009 2010 2011 2012

JS TRENDS

2014 2015 20162013 2017