ݺߣ

ݺߣShare a Scribd company logo
Svelte -
Чому нам не потрібне run-
time ядро
Борис Могила
DOM.RIA (напрям “Новобудови України”)
План:
1. Проблеми сучасного вебу
2. Virtual DOM VS compile
3. Svelte - new look at reactivity
4. Benchmarks
5. Sapper
6. Що далі?
Проблеми сучасного вебу:
Проблеми сучасного вебу:
Проблеми сучасного вебу:
Проблеми сучасного вебу:
reactjs.org
Проблеми сучасного вебу:
reactjs.org
Проблеми сучасного вебу:
reactjs.org
Virtual DOM VS compile:
VS
svelte.dev
Маленький розмір
Швидкість
Accessibility інспектор
Компіляція в веб
компоненти
Інкапсуляція стилів
Декларативне
описання анімацій
Компактність коду
Низький поріг
входження
Demo http://bit.ly/2ZgePSi
Benchmarks:
http://bit.ly/2WTTUX
JS Fest 2019/Autumn. Борис Могила. Svelte. Почему нам не нужно run-time ядро
Чому я обрав Sapper:
1. Роутинг
2. Code splitting
3. PWA з коробки
4. Prefetch сторінок
5. Декларативный опис метаданих
6. Вигрузка в статичний сайт
7. Cypress (тестування)
Чому я обрав Sapper:
VS
VS 215 kb9.3 kb
VS
VS66 kb
bit.ly/33Y0qMM
sapper.svelte.dev
sapper.svelte.dev
sapper.svelte.dev
Benchmarks: JS size
Benchmarks:
Lighthouse (performance)
Benchmarks:
Pagespeed insights
Sapper
svelte-realworld.now.sh
React-redux
react-redux.realworld.io
Angular
angular.realworld.io
Vue
vue-vuex-realworld.netlify.com
Що далі?
1. Допрацювання Sapper
2. Підтримка TypeScript
3. Розширення для IDE
4. Devtools
5. Svelte Native
Проблеми
1. Community
2. Магія з сторами
3. Робота з веб компонентами
4. Інфраструктура
Корисні посилання
1. svelte.dev (ru.svelte.dev)
2. sapper.svelte.dev (ru.sapper.svelte.dev)
3. t.me/svelte_ua (t.me/sveltejs)
4. habr.com/ru/users/paulmaly/posts/
5. Павел Малышев (Svelte Cookbook)
youtube.com/I5DIcbcXzfE
6. Ілля Клімов (Три истории о Svelte) -
youtu.be/0cFoEPhv2II
site : https://boryamogila.github.io/
facebook: Boris Mohyla
twitter: Borya Mogila
email: bora.mog@gmail.com
Контактні дані
Дякую за увагу

More Related Content

JS Fest 2019/Autumn. Борис Могила. Svelte. Почему нам не нужно run-time ядро

Editor's Notes

  • #2: Павел Малишев Покзати доку Інкапсуляція стилів популярнісь використання virtual dom
  • #10: Не потрібно порівнювати все Відсутність коду для порівняння Специфічність порівняння в JS Затрати пам’яті