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.

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

55 views

Published on

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

Published in: Education
  • Be the first to comment

  • 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. Дякую за увагу

×