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

Transcript

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

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

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

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

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

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

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

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

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

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

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

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

   16

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

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

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. Представление - React БД - выдумали Человек - есть Интерфейс

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

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

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

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

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. Очень плотный код paredit сильно помогает К неизменяемость данных надо

    привыкать Обратно на JS - больно и обидно :( Ну и что, можно? 15 / 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