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

•

0 gostou•252 visualizações

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

Educação

Svelte -
Чому нам не потрібне run-
time ядро
Борис Могила
DOM.RIA (напрям “Новобудови України”)

План:
1. Проблеми сучасного вебу
2. Virtual DOM VS compile
3. Svelte - new look at reactivity
4. Benchmarks
5. Sapper
6. Що далі?

Чому я обрав Sapper:
1. Роутинг
2. Code splitting
3. PWA з коробки
4. Prefetch сторінок
5. Декларативный опис метаданих
6. Вигрузка в статичний сайт
7. Cypress (тестування)

Чому я обрав Sapper:
VS
VS 215 kb9.3 kb
VS
VS66 kb

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
Контактні дані

Mais conteúdo relacionado

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

Imagine that you've been given an old project, a Food Delivery app, with the backend written in Laravel 8 and PHP 8.0. The web and mobile interfaces communicate with the backend through an API, but it's currently performing poorly with an average response time of 600ms. The product owner has requested you to optimize the performance and wonders if it's possible to reduce it by a factor of 10. What would you do? Topics to be Covered: Nginx Cache Rememberable package Redis Cache Queues: Redis/SQS Horizon Octane: Swoole / Roadrunner Upgrading PHP and Laravel While you may be familiar with most of these points and possibly already using them, the focus will be on ensuring that you're using them correctly and effectively. In a real-world example, I will demonstrate how we managed to reduce average response times by 10 times. We'll explore what's hidden under Laravel's package magic and discuss ways to mitigate the negative impact on project performance. By the end of this performance optimization session, you will not only have improved your performance but also gained a deeper understanding of how to utilize the Laravel framework more efficiently.

"Laravel Tips & Tricks - 7 Steps to Dramatically Improve Performance", Yehor ...

Fwdays

Global logic tech talk switching to Angular.js

Pavlo Iuriichuk

Павло Юрійчук — Перехід на Angular.js. Howto 1.Що таке Angular.JS на думку Менеджера і Розробника 2. Екосистема для розробки на Angular.JS 3. Причини для переходу і непереходу на Angular.JS 4. Предметна область, поради, книги 5. Ознаки, що Ви на вірному шляху Цю презентацію значно доповнює схожа, але трохи інша. англомовна презентація Павла: "Pavlo Yuriychuk — Switching to Angular.js. Silk way"

Павло Юрійчук — Перехід на Angular.js. Howto

GlobalLogic Ukraine

Designing and implementing a scalable and reliable message-sending service may seem like a challenging and time-consuming task. However, let's explore some key points of implementation in .NET that will help us achieve the desired level of quality and avoid unexpected obstacles. To accomplish this, we will: Explore of some features of the .NET Confluent Kafka driver. Examine real-life use cases of utilizing .NET channels as an InProc Pub/Sub mechanism to enhance application performance. Discuss the usage of Minimal API and understand its limitations. Compare gRPC streaming with HTTP and determine which option is more suitable for our specific scenario.

"Key considerations in implementing a distributed message-sending system usin...

Fwdays

Розробка веб-сайту. Основні етапи

Олексій Артеменко

Як прискорити індексацію сайту?

Vladyslava Rykova

Як прокачати трьох студентів за п’ять тижнів

Stfalcon Meetups

GitHub repository: https://github.com/stfalcon-studio/lost-and-found Відео з презентації: https://www.youtube.com/watch?v=3EgilE_fpkI До нас на студію прийшли три студенти проходити практику. Потрібно було дати їм завдання і організувати навчальний процес. Розробляли проект "Бюро знахідок" на PHP Framework Symfony2. Ділюсь своїм досвідом, як я це зробив і що в результаті вийшло.

Як прокачати трьох студентів за п’ять тижнів

Artem Henvald

БОГДАН ЛОЗИНСЬКИЙ «Технічні аспекти для нетехнічних: автоматизація та баг реп...

GoQA

AngularJS on Javascript User Group, Lviv

Dmitriy Hunkin

Руйнуємо .NET Міфи

Serhiy Kalinets

ASP.Net MVC

Victor Matyushevskyy

"Simplifying the Complex: Effective Management of Large-Scale PHP Projects", ...

Fwdays

Технологія Ruby on Rails Михайло Чеверда

Lviv Startup Club

We at MacPaw practice the approach of service teams. And as one of such teams, the responsibility for delivering software across various environments, from testing to production, falls on our shoulders. In this presentation, I will explain how we are trying to standardize our approach to software delivery in environments with diverse tech stacks and development approaches. The presentation will cover methods such as GitOps, dynamic environments, and event-based software delivery.

"Rethinking Continuous Delivery", Andrii Nasinnyk

Fwdays

контрольна робота №2

Наталія Максимчук

У доповіді розповідається про те, як пришвидшити час проходження автоматизованих тестів та виконати їх у різних браузерах одночасно. Використання такого підходу корисне ще у якості навантажувального тесту, адже симулюються дії великої кількості користувачів в той самий період часу. Виникали труднощі при налаштуванні такої мережі? В доповіді я покажу реальні робочі налаштування.

QA Fest 2016. Яна Кокряшкіна. Паралельний запуск автоматизованих тестів за до...

QAFest

5 Підсистема введення/виведення. OPC

Пупена Александр

Михайло Чеверда “Технологія Ruby on Rails”

Oleg Nazarevych

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

"Laravel Tips & Tricks - 7 Steps to Dramatically Improve Performance", Yehor ...

Global logic tech talk switching to Angular.js

Павло Юрійчук — Перехід на Angular.js. Howto

"Key considerations in implementing a distributed message-sending system usin...

Розробка веб-сайту. Основні етапи

Як прискорити індексацію сайту?

Як прокачати трьох студентів за п’ять тижнів

БОГДАН ЛОЗИНСЬКИЙ «Технічні аспекти для нетехнічних: автоматизація та баг реп...

AngularJS on Javascript User Group, Lviv

Руйнуємо .NET Міфи

ASP.Net MVC

"Simplifying the Complex: Effective Management of Large-Scale PHP Projects", ...

Технологія Ruby on Rails Михайло Чеверда

"Rethinking Continuous Delivery", Andrii Nasinnyk

контрольна робота №2

QA Fest 2016. Яна Кокряшкіна. Паралельний запуск автоматизованих тестів за до...

5 Підсистема введення/виведення. OPC

Михайло Чеверда “Технологія Ruby on Rails”

Mais de JSFestUA

В далекому 2016 році світ почув про вебкомпоненти, а одна ще тоді не дуже розумна команда, якій приходилось верстати дуже багато, вирішила спробувати те все в продукті, який би допоміг зменшити верстку. Про біди вебкомпонентів відомо всім, але про те, як вижити і дійти з альфи до стабільної версії знають не багато. Використання lit-element & lit-html і вирішення наболілих проблем, ось справня ціль моєї доповіді. Happy end обіцяю.

JS Fest 2019/Autumn. Роман Савіцький. Webcomponents & lit-element in production

JSFestUA

JS Fest 2019/Autumn. Erick Wendel. 10 secrets to improve Javascript Performance

JSFestUA

JS Fest 2019/Autumn. Alexandre Gomes. Embrace the "react fatigue"

JSFestUA

When we developing a loosely coupled and reusable application, often arises the question: how to arrange to communicate between services or applications? To a large extent, it depends on the nature of the request and the granularity of your applications or services. We will discuss the two classic microservice integration patterns: service choreography and orchestration. What is the difference between these two modes of communication? Which one we should use? How to ensure data consistency? How to implement disturbed transactions? We will discuss these issues, consider an example of implementing orchestration on nodejs, and of course we will not forget about logging, monitoring and alerting.

JS Fest 2019/Autumn. Anton Cherednikov. Choreographic or orchestral architect...

JSFestUA

JS Fest 2019/Autumn. Adam Leos. So why do you need to know Algorithms and Dat...

JSFestUA

Did you know that the beginnings of data visualization are strongly tied to solving some of the biggest problems humanity has ever faced? Wouldn’t it be more interesting to say that you’re not a doctor, but you do save lives than to say you’re just a developer? When talking about data visualization and JavaScript your mind usually goes to D3.js. But if our data has a location-based representation, we are faced with a limited choice. The main topic of this talk is to introduce the audience with deck.gl, an open-source WebGL-powered library developed by Uber that allows us to create beautiful data visualizations of large datasets and raise the level of interactivity for the user on a whole new level. We’ll see how our code can tell a story and how that story can potentially save lives. A short introduction to the library and it’s API will be demonstrated along with practical use-cases, live-code examples and it’s integration with popular frameworks such as Angular and React.

JS Fest 2019/Autumn. Marko Letic. Saving the world with JavaScript: A Data Vi...

JSFestUA

Вы уже слышали о JAMstack, который пришел на смену SSR и SPA? Подход, который оптимизирует веб приложения так, что они ограничены только скоростью вашего интернет соединения. Никаких просадок при рендере на клиенте, никаких падений серверов от нагрузки, только SEO-friendly приложения без проблем с масштабируемостью.

JS Fest 2019/Autumn. Александр Товмач. JAMstack

JSFestUA

JS Fest 2019/Autumn. Влад Федосов. Technology agnostic microservices at SPA f...

JSFestUA

Blockchain and decentralized applications are getting used more and more often. Many big enterprises like IBM, Walmart, Alibaba, FedX, British Airways, and others are already integrating blockchain into their ecosystems. As most of the applications on the web, decentralized applications require a client to make interaction with them user-friendly. I would like to share how to connect/integrate JavaScript applications with decentralized, blockchain services. Take a look at what are the differences between decentralized and standard backends, what challenges and issues developers might meet.

JS Fest 2019/Autumn. Дмитрий Жарков. Blockchainize your SPA or Integrate Java...

JSFestUA

JS Fest 2019/Autumn. Maciej Treder. Angular Schematics - Develop for developers

JSFestUA

Want to make a WordPress blog using React instead of PHP? There is a new tool on the React scene that has been generating a lot of buzz recently. It’s called GatsbyJS. Come learn how Tinder used GatsbyJS to implement our heavy-traffic lifestyle blog. We will also explore the challenges we faced while using this cutting edge technology. After attending this talk, you will be able to: - Empower non-engineering teams to create fabulous content without engineers. - Empower engineering teams to code in their favorite programming languages. - Empower users to surf your fast, static website. No real-time API calls. Automagically optimized images. Speedy load-times.  - Convince your boss to give everyone raises. Bring your humor, forget the PHP, & let’s have some nerdy fun together!

JS Fest 2019/Autumn. Kyle Boss. A Tinder Love Story: Create a Wordpress Blog ...

JSFestUA

Литеральные типы в TypeScript, которые появились несколько лет назад, на самом деле произвели мини-революцию в языке, которую многие не заметили. Сегодня сложно представить себе TypeScript без этих типов и механизмов, построеных поверх них: mapped, indexer, keyof types и многие другие. В докладе я расскажу, как и почему литеральные типы появились в TypeScript и какие концепции они привнесли в язык. Поговорим также о том, почему с точки зрения разработчика анализатора TypeScript литеральные типы — это по-настоящему сложная языковая фича. Ну и конечно коснемся вопроса, как это все согласуется с реальным миром, а именно с JavaScript.

JS Fest 2019/Autumn. Андрей Старовойт. Зачем нужен тип "true" в TypeScript?

JSFestUA

Times Square is the most visited place globally with about 380,000 pedestrian visitors a day - roughly the same amount of people which go to Wix’s dashboard. Building a page which receives such high traffic requires having great performance and intelligent architecture. In this talk, Eyal will go over the challenges of rebuilding Wix’s dashboard, the architecture and how we got it to load under 1 second.

JS Fest 2019/Autumn. Eyal Eizenberg. Tipping the Scale

JSFestUA

JS Fest 2019/Autumn. Sota Ohara. Сreate own server less CMS from scratch

JSFestUA

Что имеется в виду, когда говорят: "С ним приятно работать"? Бывает и наоборот, когда говорят: "Она классный специалист, но работать с ней я бы не хотел". Приходите послушать как формируется отношение к человеку на основании его профессиональных качеств и сможете унести с собой список конкретных полезных советов на этот счет.

JS Fest 2019/Autumn. Джордж Евтушенко. Как стать программистом, которого хотят

JSFestUA

There are plenty of use cases for native modules in Node.js. Most importantly, one might want to interface with third-party libraries or operating system services that provide functionality not available in Node.js core out-of-the-box. Another popular option is to use a compiled language for a computationally-heavy algorithm while still using JavaScript for application business logic (although care must be taken and no premature optimization be made as often the cost of crossing the boundary may be higher than performance increase, unless you are doing some kind of image processing or linear algebra, for example). For a long time C++ was the only option to write native addons for Node.js (technically, there were projects that allowed to use other languages, but they were merely second-level bridges, thus twice FFI overhead). In this talk we will look at the history of native modules in Node.js, what N-API is, which problems does it solve and how it enables to use other systems programming languages. We will also look at the future perspectives and briefly discuss in which cases WebAssembly and upcoming WASI can be used instead of native modules.

JS Fest 2019/Autumn. Алексей Орленко. Node.js N-API for Rust

JSFestUA

JS Fest 2019/Autumn. Daniel Ostrovsky. Falling in love with decorators ES6/Ty...

JSFestUA

Ідея гексагональної архітектури полягає в тому, щоб відділити зовнішні взаємодії від бізнес логіки задопомогою так званих портів. Мета - ізолювати центральну логіку вашої програми від зовнішніх залежностей. Під час виступу хочу поділитися досвідом розробки Nodejs додатку з використанням гексагональної архітектури. Обговоримо підводні камені, з якими можна стикнулися під час розробки, основні перевагами та недолікі архітектури. На прикладі розглянемо, як саме організувати архітектуру в Nodejs середовищі, а також стек технологій, що ми використовували, та підходи до тестування.

JS Fest 2019/Autumn. Андрей Андрийко. Гексагональна архітектура в Nodejs проекті

JSFestUA

JS Fest 2019/Autumn. Виталий Кухар. Сравнение кластеризации HTTP, TCP и UDP н...

JSFestUA

JS Fest 2019. Виктор Турский. 6 способов взломать твое JavaScript приложение

JSFestUA

Mais de JSFestUA (20)

JS Fest 2019/Autumn. Роман Савіцький. Webcomponents & lit-element in production

JS Fest 2019/Autumn. Erick Wendel. 10 secrets to improve Javascript Performance

JS Fest 2019/Autumn. Alexandre Gomes. Embrace the "react fatigue"

JS Fest 2019/Autumn. Anton Cherednikov. Choreographic or orchestral architect...

JS Fest 2019/Autumn. Adam Leos. So why do you need to know Algorithms and Dat...

JS Fest 2019/Autumn. Marko Letic. Saving the world with JavaScript: A Data Vi...

JS Fest 2019/Autumn. Александр Товмач. JAMstack

JS Fest 2019/Autumn. Влад Федосов. Technology agnostic microservices at SPA f...

JS Fest 2019/Autumn. Дмитрий Жарков. Blockchainize your SPA or Integrate Java...

JS Fest 2019/Autumn. Maciej Treder. Angular Schematics - Develop for developers

JS Fest 2019/Autumn. Kyle Boss. A Tinder Love Story: Create a Wordpress Blog ...

JS Fest 2019/Autumn. Андрей Старовойт. Зачем нужен тип "true" в TypeScript?

JS Fest 2019/Autumn. Eyal Eizenberg. Tipping the Scale

JS Fest 2019/Autumn. Sota Ohara. Сreate own server less CMS from scratch

JS Fest 2019/Autumn. Джордж Евтушенко. Как стать программистом, которого хотят

JS Fest 2019/Autumn. Алексей Орленко. Node.js N-API for Rust

JS Fest 2019/Autumn. Daniel Ostrovsky. Falling in love with decorators ES6/Ty...

JS Fest 2019/Autumn. Андрей Андрийко. Гексагональна архітектура в Nodejs проекті

JS Fest 2019/Autumn. Виталий Кухар. Сравнение кластеризации HTTP, TCP и UDP н...

JS Fest 2019. Виктор Турский. 6 способов взломать твое JavaScript приложение

Último

Іваніщук Надія Вікторівна атестація .pdf

home

аналептики та антидепресанти.шгшгпшгп.ppt

JurgenstiX

Хімічні елементи в літературних творах 8 клас

krementsova09nadya

Супрун презентація_presentation_for_website.pptx

OlgaDidenko6

матеріал для 10 класу урок історія України

ssuserfbff20

Горбонос 2024_presentation_for_website.pptx

OlgaDidenko6

атестація 2023-2024 Kewmrbq wtynh GNJ.pdf

home

Доповідь Москальової Т.Г., в.о. директора Комунальної установи «Одеська обласна бібліотека для дітей імені В. Катаєва», в рамках обласного семінару для публічних бібліотек Одеської області «Разом сильніші: підсумки і перспективи роботи бібліотек області в умовах воєнного часу», який відбувся в Одеській ОУНБ імені М. С. Грушевського 30.04-01.05.2024 р.

Бібліотека – розвиток дитячої творчості та дозвілля для дітейpptx

ssuserc301ed1

Відкрита лекція на тему: "Сидерати - як спосіб виживання"

tetiana1958

Виступ А.С. Крупника, голови ГО "Одеський інститут соціальних технологій", в рамках обласного семінару для публічних бібліотек Одеської області «Разом сильніші: підсумки і перспективи роботи бібліотек області в умовах воєнного часу», який відбувся в Одеській ОУНБ імені М. С. Грушевського 30.04-01.05.2024 р.

Застосування Гайду безбар’єрності в роботі закладів культури громад Одещини.pdf

ssuser15a891

Презентациія для сайта Група «Незабудка».pptx

OlgaDidenko6

Defectolog_presentation_for_website.pptx

OlgaDidenko6

оцінювання дітей з особливими освітніми потребами у ЗЗСО.pptx

bagniylarisa15

Проблеми захисту лісу в Україні та шляхи вирішення

tetiana1958

Супрун презентація_presentation_for_website.pptx

OlgaDidenko6

psychologistpresentation-230215175859-50bdd6ed.ppt

OlgaDidenko6

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

1. Svelte - Чому нам не потрібне run- time ядро Борис Могила DOM.RIA (напрям “Новобудови України”)

2. План: 1. Проблеми сучасного вебу 2. Virtual DOM VS compile 3. Svelte - new look at reactivity 4. Benchmarks 5. Sapper 6. Що далі?

3. Проблеми сучасного вебу:

4. Проблеми сучасного вебу:

5. Проблеми сучасного вебу:

6. Проблеми сучасного вебу: reactjs.org

7. Проблеми сучасного вебу: reactjs.org

8. Проблеми сучасного вебу: reactjs.org

9. Virtual DOM VS compile: VS

10. svelte.dev

11. Маленький розмір

12. Швидкість

13. Accessibility інспектор

14. Компіляція в веб компоненти

15. Інкапсуляція стилів

16. Декларативне описання анімацій

17. Компактність коду

18. Низький поріг входження

19. Demo http://bit.ly/2ZgePSi

20. Benchmarks: http://bit.ly/2WTTUX

21.

22. Чому я обрав Sapper: 1. Роутинг 2. Code splitting 3. PWA з коробки 4. Prefetch сторінок 5. Декларативный опис метаданих 6. Вигрузка в статичний сайт 7. Cypress (тестування)

23. Чому я обрав Sapper: VS VS 215 kb9.3 kb VS VS66 kb

24. bit.ly/33Y0qMM

25. sapper.svelte.dev

26. sapper.svelte.dev

27. sapper.svelte.dev

28. Benchmarks: JS size

29. Benchmarks: Lighthouse (performance)

30. Benchmarks: Pagespeed insights

31. Sapper svelte-realworld.now.sh React-redux react-redux.realworld.io Angular angular.realworld.io Vue vue-vuex-realworld.netlify.com

32. Що далі? 1. Допрацювання Sapper 2. Підтримка TypeScript 3. Розширення для IDE 4. Devtools 5. Svelte Native

33. Проблеми 1. Community 2. Магія з сторами 3. Робота з веб компонентами 4. Інфраструктура

34. Корисні посилання 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

35. site : https://boryamogila.github.io/ facebook: Boris Mohyla twitter: Borya Mogila email: bora.mog@gmail.com Контактні дані

36. Дякую за увагу

Notas do Editor

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

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

Recomendados

Recomendados

Mais conteúdo relacionado

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

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

Mais de JSFestUA

Mais de JSFestUA (20)

Último

Último (16)

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

Notas do Editor