28.03.15. Одесса. Impact Hub Odessa. Конференция JSLab. Максим Климишин. "Трансдюсеры, CSP каналы, неизменяемые структуры данных" Эффективное использование новых возможностей JavaScript для построения клиентских и серверных приложений. Как применить современные функциональные инструменты для написания более простого и надежного кода. Подробнее: http://geekslab.co/ https://www.facebook.com/GeeksLab.co https://www.youtube.com/user/GeeksLabVideo

1. @maxmaxmaxmaxМАКСИМ КЛИМИШИН
CTO GVMachines Inc.
Трансдюсеры,
CSP-каналы,неизменяемые
структуры данных в JavaScript

2. Обомне
‣ 11+ летопытавебразработки,5летJavaScript,
6летPython
‣ Работалв oDesk,Helios,42cc.
‣ Со-организаторконференцийPyConUkraine,
KyivJS
‣ 3годаработаютехническимдиректоромв
ZAKAZ.UA

3. Нехочувас расстраивать,но у
менявсехорошо
‣ Transducers
‣ Asynchronousworkflows
‣ Immutabledatastructures

4. ТРАНСДЮСЕРЫ –
НОВАЯ
КОНЦЕПЦИЯ ПО
РАБОТЕ С
ДАННЫМИ

5. Rich Hickey
6 августа 2014
пост о трансдюсерах в
Clojure
Transducers – composable algorithmic transformations

6. ТРАНСДЮСЕРЫПОШЛИ
ХОРОШО
Концепциятакхорошопошла,что
сейчасестьреализациидля Python,
Ruby,Erlang, C++итакдалее

7. Ithinkthislibrarywasoriginallydesigned
tofixajavascriptproblem,notaPython
problem.
alcalde, reddit

8. Гдепригодится
трансдюсеры
‣ Любойкодссерьезным анализомили
преобразованиемпоследовательностей
‣ Обработка потоковданных
‣ Параллельныевычисления(Fork-Joinmodel)

9. Ростсложностилюбойпрограммы
ограничентемпределом,докоторого
можносохранятьконтрольнадней:…
MartinWard,«Language Oriented Programming»

10. Мой взгляд
‣ Современемкомпонентовв системе
становится больше,временинаподдержку
этихкомпонентовуходитбольше
‣ Поэтомучитабельностькода ипростотаего
отладкиярассматриваюкакинвестицию,
возможностьтратитьменьшевремени на
поддержку (сейчасиливбудущем)
‣ Ибольшевременитратитьна новыефичи

11. REDUCE
Array.prototype.reduce(reducer[,initial])
whatever,input ->whatever
reduceболеефундаментальнаяфункция,
чемmapилиfilter.
Спомощьюreduceихлегкореализовать

12. TransformReducer
функция,которая принимаетредюсер,
преобразуетего ивозвращает новыйредюсер
(whatever,input ->whatever)->(whatever,input->
whatever)

13. iterable
map(f1)
map(f2)
filter(f3)
reducer
sequence
Трансдюсер

14. Verysimpleexample

15. Fizzbuzz

16. Выносимзапределы
обработки
‣ функцию-трансформерилипредикат
‣ функцию-накопительрезультатаобработки
Простейшийтрансдюсерготов!

17. КОМПОЗИЦИЯ
1. Последовательное
прохождение
2. Буферизацияобработки
3. Произвольноепрерывание
1. Буферизация/стриминг
2. Независимость от типа
данныхихранилища
3. Композицияхранилищ
НАКОПЛЕНИЕ

18. Важныефичи
‣ Значениепоумолчаниювзависимостиоттипа
накопителя
‣ Прерываниередукции(earlytermination),будет
‣ Очисткапослеработы(cleanupstate),
реализоватьпротокол

19. Protocol

20. РАЗДЕЛЕНИЕ
ОТВЕТСТВЕННОСТИ
FTW!

21. MAP, FILTER, REDUCE –
ЭТО ПРОСТО КРУТО

22. А ТРАНСДЮСЕРЫ –
ЭТО ОФИГЕННО.

23. ASYNCHRONOUSWORKFLOWS

26. ‣ Promises
‣ Events emittersandhandlers
‣ ES6generators
Стандартныйнабор

27. ‣ Promises– нужноявнопомечатьстатус.done()
‣ Events emittersandhandlers – неочень
реюзабельны,многоboilerplateкода
‣ ES6generators– слишкомнизкийуровень

28. Слишкомнизкийуровень.

29. CSP(Communicatingsequential
processes)– этоформализованныйпуть
описаниявзаимодействияв
асинхронныхсредах.

30. Существуетдве основные
модели
‣ Actors model
‣ CSPChannels

31. Promises

32. CSPChannels

35. Actors

36. Где вамехать?

37. НЕИЗМЕНЯЕМЫЕСТРУКТУРЫ
ДАННЫХ

38. Immutable.js
‣ явное изменениясостояния– всегданужно
использовать присваивание
‣ Эффективность:hashmaptries,vectortries,
минимализируеткопированиеданных
‣ Линейная

39. Recordtype

40. With transducers

41. React.js

42. React.js +FLUX

43. Performance
http://jsperf.com/plain-js-vs-immutable-vs-mori/2

44. ВЦЕЛОМ

45. ПОЧЕМУВАЖНО?
чистыефункции
purefunctions
нетпобочныхэффектов
noside-effects
эффективнаяорганизациявзаимодействия
thoughtfulconcurrencymanagement

46. Спасибо!
@maxmaxmaxmax