Successfully reported this slideshow.
We use your LinkedIn profile and activity data to personalize ads and to show you more relevant ads. You can change your ad preferences anytime.
Алексей Охрименко
Acronis
Isomorphic D3 + MALEVICH
1
2
• D3
• Isomorphic D3
• D3 and WebWorkers
• MALEVICH —> COD.js
3
D3
4
DEMO - stage concept
5
6
Isomorphic D3
7
8
DEMO - isomorphic
9
11
jsdom4browser
позволяет работать с DOM в
WebWorker
12
MALEVICH —> COD.js
новый паттерн программирования
и новый фреймворк
13
Зачем?
14
15
M/S
VC
VM
бизнес-логика,
валидация
визуальное представление
кэш,
синхронизация
с сервером
реакция на события
JSON only!
16
M/S
VC
VM
Main
Sidebar
M/S
VC
VM
M/S VM
Menu
17
COD.js
новый фреймворк на базе MALEVICH
18
19
git clone https://github.com/aiboy/COD.js.git
cd COD.js
rm -rf .git
npm install
npm run dev
npm run watch
DEMO - COD.js
22
Плюсы COD.js
D3 «Virtual Data/DOM» + DOM recycling! ( в 2012 году
на 1 год раньше чем React )
Полуавтоматическое обнаружен...
Минусы COD.js
Семантика теряется по дороге (No SEO)
( можно исправить используя React as View )
Отсутствие нормальной доку...
• D3
• Isomorphic D3
• D3 and WebWorkers
• MALEVICH —> COD.js
26
Алексей Охрименко
Work@: Acronis
Twitter: @Ai_boy
https://gist.github.com/aiboy/366f0e6dc3c46730877e
https://github.com/ai...
"Изоморфный D3 + MALEVICH", Алексей Охрименко, MoscowJS 25
"Изоморфный D3 + MALEVICH", Алексей Охрименко, MoscowJS 25
"Изоморфный D3 + MALEVICH", Алексей Охрименко, MoscowJS 25
Upcoming SlideShare
Loading in …5
×
Upcoming SlideShare
Платежная система за год / Филипп Дельгядо (Информационные технологии и системы)
Next
Download to read offline and view in fullscreen.

1

Share

Download to read offline

"Изоморфный D3 + MALEVICH", Алексей Охрименко, MoscowJS 25

Download to read offline

Видео: https://youtu.be/WIgXOG49mdI

Related Books

Free with a 30 day trial from Scribd

See all

Related Audiobooks

Free with a 30 day trial from Scribd

See all

"Изоморфный D3 + MALEVICH", Алексей Охрименко, MoscowJS 25

  1. 1. Алексей Охрименко Acronis Isomorphic D3 + MALEVICH 1
  2. 2. 2
  3. 3. • D3 • Isomorphic D3 • D3 and WebWorkers • MALEVICH —> COD.js 3
  4. 4. D3 4
  5. 5. DEMO - stage concept 5
  6. 6. 6
  7. 7. Isomorphic D3 7
  8. 8. 8
  9. 9. DEMO - isomorphic 9
  10. 10. 11
  11. 11. jsdom4browser позволяет работать с DOM в WebWorker 12
  12. 12. MALEVICH —> COD.js новый паттерн программирования и новый фреймворк 13
  13. 13. Зачем? 14
  14. 14. 15
  15. 15. M/S VC VM бизнес-логика, валидация визуальное представление кэш, синхронизация с сервером реакция на события JSON only! 16
  16. 16. M/S VC VM Main Sidebar M/S VC VM M/S VM Menu 17
  17. 17. COD.js новый фреймворк на базе MALEVICH 18
  18. 18. 19
  19. 19. git clone https://github.com/aiboy/COD.js.git cd COD.js rm -rf .git npm install npm run dev npm run watch
  20. 20. DEMO - COD.js 22
  21. 21. Плюсы COD.js D3 «Virtual Data/DOM» + DOM recycling! ( в 2012 году на 1 год раньше чем React ) Полуавтоматическое обнаружение ошибок ( в следующей версии - полуавтоматическое с указанием конкретной строчки кода ) Неимоверная скорость и отзывчивость UI (даже на мобильных девайсах) Легкий рефакторинг и просто тестирование - By Design Почти бесплатный Drag&Drop 24
  22. 22. Минусы COD.js Семантика теряется по дороге (No SEO) ( можно исправить используя React as View ) Отсутствие нормальной документации и примеров ( будет исправлено в ближайшем будущем ) 25
  23. 23. • D3 • Isomorphic D3 • D3 and WebWorkers • MALEVICH —> COD.js 26
  24. 24. Алексей Охрименко Work@: Acronis Twitter: @Ai_boy https://gist.github.com/aiboy/366f0e6dc3c46730877e https://github.com/aiboy/isomorphic-d3-and-malevich https://github.com/aiboy/jsdom4browser https://github.com/aiboy/MALEVICH https://github.com/aiboy/COD.js 27
  • IvanLemeshev

    Oct. 15, 2015

Видео: https://youtu.be/WIgXOG49mdI

Views

Total views

583

On Slideshare

0

From embeds

0

Number of embeds

7

Actions

Downloads

5

Shares

0

Comments

0

Likes

1

×