Как писать UI без боли: React + ClojureScript

Transcript

1. 1.

   Alexander Solovyov, How Far Games Как писать UI без боли

2. 2.

   НИКАК А чего вы ожидали? 2 / 16

3. 3.

   За увеличение связности За уменьшение связанности За простоту кода За

   гибкость мозга За светлое будущее Надо бороться 3 / 16
4. 4.

   React за связность и против связанности ClojureScript за простоту кода

   и тренировку мозга Человек за светлое будущее И модель данных тоже хочет о себе заявить Кто будет бороться Тëмное пиво 4 / 16
5. 5.

   Полный перерендер, компоненты, етц FRP для бедных Спасает от событий

   И от случайной сложности И от тормозов Не без вопросов React 5 / 16
6. 6.

   Темплейты вместе с кодом Проблемы React'a 6 / 16

7. 7.

   Захватывает свой DOM-элемент полностью Нас это не беспокоит Top-to-bottom часто

   не хватает А это беспокоит! Проблемы React'a Темплейты вместе с кодом 7 / 16
8. 8.

   POJO Backbone.Model Om, Cortex Полноценная БД? Модель данных 8 /

   16
9. 9.

   Скорость Соединения данных (joins) Язык запросов Ну и всякое прочее

   Требования к БД 9 / 16
10. 10.

    DatomicScript {:find [?name ?tour-name] :in [$ ?id] :where [[?id :name

    ?name] [?id :tournament-id ?tour-id] [?tour-id :name ?tour-name]]} 10 / 16
11. 11.

    Представление - React БД - выдумали Человек - есть Интерфейс

    между ними? Итак 11 / 16
12. 12.

    Простой Продуманный Семантически стройный ClojureScript 12 / 16

13. 13.

    Я не писал на этом за деньги :( Но использовал

    в команде :) Будет ли это всë работать вместе? 13 / 16
14. 14.

    4 человека CLJS 877 loc, Clojure 515 loc, общего 111

    loc React 430kb, WarMagnet 1.2mb Min: React 57kb (21kb gzip), WarMagnet 300kb (68kb gzip) Для сравнения, jQuery - 33kb gzip WarMagnet 14 / 16
15. 15.

    Очень плотный код paredit сильно помогает К неизменяемость данных надо

    привыкать Обратно на JS - больно и обидно :( Ну и что, можно? 15 / 16
16. 16.

    http://facebook.github.io/react/ https://github.com/swannodette/om/ https://github.com/levand/quiescent/ https://github.com/mquan/cortex/ http://www.emacswiki.org/emacs/ParEdit Ссылки 16 / 16