Clojure@NSU 01

Transcript

1. # mainstreamless ## Clojure 01 Никита Прокопов tonsky.livejournal.com 20 марта

   2013

2. # Clojure web stack Servlet Netty Mongrel2 Http-kit Aleph Ring

   Moustache Compojure Enlive Hiccup Laser ClojureScript Domina Enfocus Crate Javelin Reflex

3. # Ring Server ←→ app contract fn [request-map] → response-map

   Похоже на WSGi (Python) github.com/ring-clojure/ring/blob/master/SPEC

4. # Ring { :uri :query-string :request-method :headers :body ... }

   → { :status :headers :body }

5. # Ring Нет реализации — нет зависимостей, багов, етц Маленькая

   — легко реализовать Низкоуровневая Вход-выход — просто тестировать Веб-сокеты не засунешь

6. # Middleware (fn [handler ...] → handler’) ring.middleware: + Sessions

   + Cookies + Uploads + Form parsing ...

7. # Диспатчинг ## Moustache (def my-app (app [“hi”] {:get “hello

   world only for GET!”} [“hi” name] {:get [“hello “ name]}))

8. # Диспатчинг ## Compojure (defroutes app (GET “/” [] “<h1>Hello

   World</h1>”) (route/not-found “<h1>Page not found</h1>”))

9. # Templating — цветочки ## Hiccup (html [:span {:class “foo”}

   “bar”]) <span class=”foo”>bar</span> (html [:div#foo.bar.baz “bang”]) <div id=”foo” class=”bar baz”>bang</div>

10. # Templating — цветочки ## Hiccup (defn with-cdn [cdn-url form]

    (clojure.walk/postwalk (fn [node] (if (rel-asset-path? node) (cdn-url node) node) form)))

11. # Templating — ягодки ## Enlive Парсинг и трансформация HTML

    Код отдельно от верстки Переиспользование snippets Модификации можно комбинировать Макросы!

12. # Templating — ягодки ## Enlive (at a-node [:a :selector]

    a-transformation [:another :selector] another-transformation ...) (html/deftemplate index “tutorial/template1.html” [ctxt] [:p#message] (html/content (get ctxt :message “Nothing to see here”))

13. # Templating — ягодки ## Laser Еще более функциональный (laser/document

    (laser/parse html) (laser/class= “meow”) (laser/content “omg”))

14. # Aleph Сетевая библиотека Общение через каналы Conforms to Ring,

    только request и response разделены HTTP, WebSockets, TCP, UDP, Redis

15. # Aleph async (defn handler [response-channel request] (enqueue response-channel {:status

    200 :headers {“content-type” “text/plain”} :body “Hello World”}))

16. # Aleph async (def handler (app [“sync”] {:get “response”} [“async”]

    {:get (wrap-aleph-handler async-han- dler)})) (start-http-server (wrap-ring-handler handler) {:port 8080})

17. # Aleph async (def broadcast-channel (channel)) (defn chat-handler [ch handshake]

    (receive ch (fn [name] (siphon (map* #(str name “: “ %) ch) broadcast-channel) (siphon broadcast-channel ch)))) (start-http-server chat-handler {:port 8080 :websocket true})

18. # http-kit Pure Java & Clojure, very small Server &

    client Ring-compliant Websockets, long-polling, streaming extensions

19. # edn Data exchange format Based on Clojure syntax Rich

    set of elements collections, symbols, keywords Extensible for new types Self-describing (no schema) Namespaces

20. # edn { :created_at #inst “1985-04-12T23:20:50.52Z” :id 209722238071619586 :id_str “209722238071619586”

    :retweeted false :text “tweet” :com.google.maps/geo nil :entries { :user_mentions [ { :id 1001 :indices [0 16] :name “Petrov” } ] } }

21. # edn clojure.core/read-string clojure.edn/read-string (since 1.5)

22. # edn clojure.core/read-string clojure.edn/read-string (since 1.5) and cljs.reader/read-string

23. # ClojureScript

24. # Lessons learned from Node.js Писать клиент и сервер на

    одном языке очень удобно! Только почему на JavaScript?

25. # ClojureScript JS is broken

26. # ClojureScript JS is fundamentally broken

27. # ClojureScript JS is fundamentally broken Синтаксические изменения не спасут

    Нужно править семантику

28. # Что сломано? Типы Структуры данных Зависимости Неймспейсы Полиморфизм Типовые

    операции

29. # CoffeeScript? Типы Структуры данных Зависимости Неймспейсы Полиморфизм Типовые операции

30. # CoffeeScript? Типы Структуры данных Зависимости Неймспейсы Полиморфизм Типовые операции

31. # CoffeeScript? Типы Структуры данных Зависимости Неймспейсы Полиморфизм Типовые операции

32. # CoffeeScript? Типы Структуры данных Зависимости Неймспейсы Полиморфизм Типовые операции

33. # CoffeeScript? Типы Структуры данных Зависимости Неймспейсы Полиморфизм Типовые операции

34. # CoffeeScript? Типы Структуры данных Зависимости Неймспейсы Полиморфизм Типовые операции

35. # CoffeeScript? Типы Структуры данных Зависимости Неймспейсы Полиморфизм Типовые операции

36. # CoffeeScript? Типы Структуры данных Зависимости Неймспейсы Полиморфизм Типовые операции

    Меньше кнопок нажимать

37. # Как правильно? Состояние Иммутабельность ФП Макросы Строгая типизация Протоколы

38. # Как правильно? Стандартные решения для стандартных проблем

39. # Как правильно? Стандартные решения для стандартных проблем Реализаций import:

    0 ООП-фреймворков: 0 Альтерн. синтаксисов: 0 Альтерн. коллекций: 0 Monad tutorials: 0

40. # Как работает? Компилируется на большой Clojure Генерирует Javascript для

    Google Closure Compiler Оптимизируется Google Closure Compiler Зависимости через Goolge Closure Library

41. Notice Clojure (Rich Hickey) and Closure (Google)

42. # Компиляция? Dead code elimination Smart code compression Снимает browser

    quirks Может увеличить производительность Debug :(

43. # Отличия от Clojure Однопоточный Compilation и macroexpansion только на

    Clojure (no eval) Browser-connected REPL Native JS regexes

44. # Отличия от Clojure Atoms, but no Refs nor STM

    No Vars No agents No symbol or var (def) metadata

45. # Отличия от Clojure (.foo o) => o.foo() (.-foo o)

    => o.foo

46. # Персистентные структуры данных Native JS impl http://www.50ply.com/cljs-bench/ 2-6 times

    slower than JVM Google Chrome usually ×3-5 times faster than Safari / FF

47. # Персистентные структуры данных

48. # Персистентные структуры данных

49. # Зачем? Разработка больших приложений Организация кода Командная работа Переиспользуемость

    кода Производительность, оптимизация

50. # Библиотеки No problem Нужен extern файл /** * @param

    {(string|Object.<string,*>)} arg1 * @param {Object.<string,*>=} settings * @return {jQuery.jqXHR} */ jQuery.ajax = function(arg1, settings) {};

51. # Библиотеки ## jQuery $(“element“) .appen(“xyz”) .attr(“data-weight”, 70) .css(“left”, 156

    + “px”); (-> (js/$ “#element“) (.append “xyz“) (.attr “data-weight“ 70) (.css “left“ (str 156 “px”))

52. # Библиотеки ## jayq (def $interface (jq/$ :#interface)) (-> $interface

    (jq/css {:background “blue”}) (jq/inner “Loading!”))

53. # DOM manipulation Domina Enfocus Crate Webfui Dommy

54. # DOM manipulation Domina ~ jQuery Enfocus ~ Enlive Crate

    ~ Hiccup Webfui ~ DOM isolation Dommy ~ Efficient macro-compile

55. # FRP javelin reflex shafty

56. # FRP ## Javelin (defn ^:export start [] (let [text

    (form-cell “#text”) length (cell (count text))] (.focus (by-id “#text”)) (cell (html! “#count” “Length: %s” length))))

57. # CLJS on Node.js Faster startup times Native clients (node-webkit)

58. # Usecases ## Lighttable

59. # Usecases ## Prismatic

60. # Usecases ## Weathertable

61. # mainstreamless ## Clojure 01 Никита Прокопов tonsky.livejournal.com 20 марта

    2013