Download to read offline
Uploaded bySECON
SECON'2017, Васильков Василий, Elm в production
Документ описывает платформу Ecwid, которая предоставляет SaaS-решения для создания интернет-магазинов с более чем миллионом клиентов и активной командой из более 120 человек. В нем рассматриваются технологии, такие как GWT и Elm, акцентируя внимание на преимуществах Elm, включая строгую статическую типизацию и простоту синтаксиса. Специализированный подход к разработке и отладке с использованием 'time travel debugger' также охарактеризован как важная часть рабочего процесса.
SECON'2017, Васильков Василий, Elm в production
- 1. Elm в production ВасилийВасильков, Ecwid
- 2. Ecwid • SaaS-платформа длясоздания интернет- магазинов • больше миллиона клиентов • ~250.000.000 посетителей в месяц • 120+ человек в команде • Ульяновск, Самара, San Diego
- 3. Наш опыт Вот такойкрасоты — • Текущая версия “морды” написана на GWT • Есть нюансы, но GWT правда хорошая технология ;) • ~300.000 LOC на Java, компилируемого в JS • Это транслируется в ~7mb (!) “красоты”
- 4. Наши условия • больше20 разработчиков в команде • срок жизни — не меньше 5 лет • больше 100.000 LOC • Очень активная разработка и рефакторинг
- 5. Новая “морда” • GWT •Plain JS • TypeScript + Redux + React • <Lang>.js
- 6. Elm • Первое упоминание- 2012 • Независимый язык, НЕ надстройка над JS • Компиляция Elm → JavaScript (очень быстрая!) • Функциональный • Строгая статическая типизация
- 7. Elm • Глобальный выводтипов • Неизменяемые структуры данных • Чистые функции • Алгебраические типы данных
- 8. Почему Elm? Это всепрекрасно, однако: • Функциональных языков много • Компилируемых в JS тоже достаточно • Нет ошибок в runtime • Очень простой синтаксис Никаких “undefined is not a function” :)
- 9. Elm architecture Классика • начальнаямодель • отрисовка модели • изменение модели • опять отрисовка • и опять изменение • Update: Model → Model • Render: Model → Html
- 11.
- 12.
- 13.
- 14. Elm Update→Model→Render User Input Network packet Timers Всепроходит через update-функцию
- 15. Elm debug • Отладкане нужна ;) • Если всё-таки нужна — есть Time Travel Debugger • Еще можно JavaScript почитать, но без фанатизма
- 16. Time Travel Debugger Всев debug-console. Как-то так: • Initial Model • onClick + Network (User logged In) • onClick + Network (User add first item) • onClick + Network (User add second item)
- 17.
- 18.
- 19.
- 21. Elm packages • УElm есть стандартная библиотека • Ну и пакетный менеджер (с пакетами) • И поддержка semver (просто космос!)
- 22. Как попробовать • elm-make •elm-reactor • elm-format • elm-package • elm-repl • Установить готовый пакет с elm-lang.org • Через npm-магию
- 23. Василий Васильков, @2vgv Хотитеписать на Elm? https://github.com/Ecwid/new-job