Как писать 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