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.
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
Чому я обрав Sapper:
1. Роутинг
2. Code splitting
3. PWA з коробки
4. Prefetch сторінок
5. Декларативный опис метаданих
6....
Чому я обрав 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.ne...
Що далі?
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/svelte...
site : https://boryamogila.github.io/
facebook: Boris Mohyla
twitter: Borya Mogila
email: bora.mog@gmail.com
Контактні дані
Дякую за увагу
JS Fest 2019/Autumn. Борис Могила. Svelte. Почему нам не нужно run-time ядро
Upcoming SlideShare
Loading in …5
×

of

JS Fest 2019/Autumn. Борис Могила. Svelte. Почему нам не нужно run-time ядро Slide 1 JS Fest 2019/Autumn. Борис Могила. Svelte. Почему нам не нужно run-time ядро Slide 2 JS Fest 2019/Autumn. Борис Могила. Svelte. Почему нам не нужно run-time ядро Slide 3 JS Fest 2019/Autumn. Борис Могила. Svelte. Почему нам не нужно run-time ядро Slide 4 JS Fest 2019/Autumn. Борис Могила. Svelte. Почему нам не нужно run-time ядро Slide 5 JS Fest 2019/Autumn. Борис Могила. Svelte. Почему нам не нужно run-time ядро Slide 6 JS Fest 2019/Autumn. Борис Могила. Svelte. Почему нам не нужно run-time ядро Slide 7 JS Fest 2019/Autumn. Борис Могила. Svelte. Почему нам не нужно run-time ядро Slide 8 JS Fest 2019/Autumn. Борис Могила. Svelte. Почему нам не нужно run-time ядро Slide 9 JS Fest 2019/Autumn. Борис Могила. Svelte. Почему нам не нужно run-time ядро Slide 10 JS Fest 2019/Autumn. Борис Могила. Svelte. Почему нам не нужно run-time ядро Slide 11 JS Fest 2019/Autumn. Борис Могила. Svelte. Почему нам не нужно run-time ядро Slide 12 JS Fest 2019/Autumn. Борис Могила. Svelte. Почему нам не нужно run-time ядро Slide 13 JS Fest 2019/Autumn. Борис Могила. Svelte. Почему нам не нужно run-time ядро Slide 14 JS Fest 2019/Autumn. Борис Могила. Svelte. Почему нам не нужно run-time ядро Slide 15 JS Fest 2019/Autumn. Борис Могила. Svelte. Почему нам не нужно run-time ядро Slide 16 JS Fest 2019/Autumn. Борис Могила. Svelte. Почему нам не нужно run-time ядро Slide 17 JS Fest 2019/Autumn. Борис Могила. Svelte. Почему нам не нужно run-time ядро Slide 18 JS Fest 2019/Autumn. Борис Могила. Svelte. Почему нам не нужно run-time ядро Slide 19 JS Fest 2019/Autumn. Борис Могила. Svelte. Почему нам не нужно run-time ядро Slide 20 JS Fest 2019/Autumn. Борис Могила. Svelte. Почему нам не нужно run-time ядро Slide 21 JS Fest 2019/Autumn. Борис Могила. Svelte. Почему нам не нужно run-time ядро Slide 22 JS Fest 2019/Autumn. Борис Могила. Svelte. Почему нам не нужно run-time ядро Slide 23 JS Fest 2019/Autumn. Борис Могила. Svelte. Почему нам не нужно run-time ядро Slide 24 JS Fest 2019/Autumn. Борис Могила. Svelte. Почему нам не нужно run-time ядро Slide 25 JS Fest 2019/Autumn. Борис Могила. Svelte. Почему нам не нужно run-time ядро Slide 26 JS Fest 2019/Autumn. Борис Могила. Svelte. Почему нам не нужно run-time ядро Slide 27 JS Fest 2019/Autumn. Борис Могила. Svelte. Почему нам не нужно run-time ядро Slide 28 JS Fest 2019/Autumn. Борис Могила. Svelte. Почему нам не нужно run-time ядро Slide 29 JS Fest 2019/Autumn. Борис Могила. Svelte. Почему нам не нужно run-time ядро Slide 30 JS Fest 2019/Autumn. Борис Могила. Svelte. Почему нам не нужно run-time ядро Slide 31 JS Fest 2019/Autumn. Борис Могила. Svelte. Почему нам не нужно run-time ядро Slide 32 JS Fest 2019/Autumn. Борис Могила. Svelte. Почему нам не нужно run-time ядро Slide 33 JS Fest 2019/Autumn. Борис Могила. Svelte. Почему нам не нужно run-time ядро Slide 34 JS Fest 2019/Autumn. Борис Могила. Svelte. Почему нам не нужно run-time ядро Slide 35 JS Fest 2019/Autumn. Борис Могила. Svelte. Почему нам не нужно run-time ядро Slide 36
Upcoming SlideShare
What to Upload to SlideShare
Next

0 Likes

Share

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

Использование различных фреймворков дает нам возможность писать быстрые приложения с минимальными затратами времени. Но за это наши пользователи платят продолжительностью первой загрузки и трафиком. Я расскажу как можно писать быстрые приложения с гораздо меньшим размером исходного кода с той же удобностью.

Related Books

Free with a 30 day trial from Scribd

See all

Related Audiobooks

Free with a 30 day trial from Scribd

See all
  • Be the first to like this

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

  1. 1. Svelte - Чому нам не потрібне run- time ядро Борис Могила DOM.RIA (напрям “Новобудови України”)
  2. 2. План: 1. Проблеми сучасного вебу 2. Virtual DOM VS compile 3. Svelte - new look at reactivity 4. Benchmarks 5. Sapper 6. Що далі?
  3. 3. Проблеми сучасного вебу:
  4. 4. Проблеми сучасного вебу:
  5. 5. Проблеми сучасного вебу:
  6. 6. Проблеми сучасного вебу: reactjs.org
  7. 7. Проблеми сучасного вебу: reactjs.org
  8. 8. Проблеми сучасного вебу: reactjs.org
  9. 9. Virtual DOM VS compile: VS
  10. 10. svelte.dev
  11. 11. Маленький розмір
  12. 12. Швидкість
  13. 13. Accessibility інспектор
  14. 14. Компіляція в веб компоненти
  15. 15. Інкапсуляція стилів
  16. 16. Декларативне описання анімацій
  17. 17. Компактність коду
  18. 18. Низький поріг входження
  19. 19. Demo http://bit.ly/2ZgePSi
  20. 20. Benchmarks: http://bit.ly/2WTTUX
  21. 21. Чому я обрав Sapper: 1. Роутинг 2. Code splitting 3. PWA з коробки 4. Prefetch сторінок 5. Декларативный опис метаданих 6. Вигрузка в статичний сайт 7. Cypress (тестування)
  22. 22. Чому я обрав Sapper: VS VS 215 kb9.3 kb VS VS66 kb
  23. 23. bit.ly/33Y0qMM
  24. 24. sapper.svelte.dev
  25. 25. sapper.svelte.dev
  26. 26. sapper.svelte.dev
  27. 27. Benchmarks: JS size
  28. 28. Benchmarks: Lighthouse (performance)
  29. 29. Benchmarks: Pagespeed insights
  30. 30. Sapper svelte-realworld.now.sh React-redux react-redux.realworld.io Angular angular.realworld.io Vue vue-vuex-realworld.netlify.com
  31. 31. Що далі? 1. Допрацювання Sapper 2. Підтримка TypeScript 3. Розширення для IDE 4. Devtools 5. Svelte Native
  32. 32. Проблеми 1. Community 2. Магія з сторами 3. Робота з веб компонентами 4. Інфраструктура
  33. 33. Корисні посилання 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
  34. 34. site : https://boryamogila.github.io/ facebook: Boris Mohyla twitter: Borya Mogila email: bora.mog@gmail.com Контактні дані
  35. 35. Дякую за увагу

Использование различных фреймворков дает нам возможность писать быстрые приложения с минимальными затратами времени. Но за это наши пользователи платят продолжительностью первой загрузки и трафиком. Я расскажу как можно писать быстрые приложения с гораздо меньшим размером исходного кода с той же удобностью.

Views

Total views

219

On Slideshare

0

From embeds

0

Number of embeds

0

Actions

Downloads

0

Shares

0

Comments

0

Likes

0

×