ЖУКОВА ЕЛЕНА СВЕТЛОЕ БУДУЩЕЕ CUSTOM ELEMENTS · CUSTOM ELEMENTS CUSTOM...
Transcript of ЖУКОВА ЕЛЕНА СВЕТЛОЕ БУДУЩЕЕ CUSTOM ELEMENTS · CUSTOM ELEMENTS CUSTOM...
СВЕТЛОЕ БУДУЩЕЕ 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