Javascript-форум (https://javascript.ru/forum/)
-   Оффтопик (https://javascript.ru/forum/offtopic/)
-   -   Обзоры фреймворков, библиотек, компонентов и прочего (https://javascript.ru/forum/offtopic/55538-obzory-frejjmvorkov-bibliotek-komponentov-i-prochego.html)

Safort 12.06.2015 15:27

Gozar,
всё круто, но как его использовать вместе с Gulp? Наверно, я туплю, но всё же с другими инструментами столько проблем не возникало.

Gozar 12.06.2015 16:40

Цитата:

Сообщение от Safort
как его использовать вместе с Gulp?

понятия не имею, а ещё я не имел понятия про cli 2 часа назад, пока не прочел твой коммент.

А ещё я использую cli в phpstorm, а ещё я использую grunt, а ещё у меня было много проблем с разными инструментами. А ещё мне всё больше начинает нравится Ember, хотя бы за то, что он делают магию вместо меня. Тот же react не предлагает магию по умолчанию и мне пришлось самому искать и дописывать eventEmitter под es6. А ещё у ember мне нравится документация в отличии от Angular-а.

Но это пока, дальше будет видно...

nerv_ 12.06.2015 18:45

Цитата:

Сообщение от Gozar
И раз уж nerv смотрит фреймворки, хотя сам сидит на ангуляре, то это подозрительно...

:D

Цитата:

Сообщение от Safort
У Ember

эмбер расширяет прототипы встроенных js объектов

Цитата:

Сообщение от Gozar
А ещё мне всё больше начинает нравится Ember, хотя бы за то, что он делают магию вместо меня. Тот же react не предлагает магию по умолчанию и мне пришлось самому искать и дописывать eventEmitter под es6. А ещё у ember мне нравится документация в отличии от Angular-а.

все-таки понимание начинает приходить :D

nerv_ 12.06.2015 22:08

Тесты производительности фреймворков
 
В качестве испытуемых были выбраны:
  • angular // v1.4.0
  • ractivejs // v0.7.3
  • riotjs // v2.1.0
  • rivetsjs // v0.8.1
  • vuejs // v0.11.10
MVVM фреймворки.

Данные - таблица 5000 элементов https://yadi.sk/i/MvfBu_jahDwro

Проверялось:
1. стартовая отрисовка
2. отрисовка при изменении значения модели (two-way binding) [ввод в поле]
3. отрисовка при удалении записи [remove]
4. отрисовка при удалении произвольных 100 записей [remove random 100]

Тестирование производилось в ручном режиме (на глаз) в браузере Chrome последней версии с использованием секундомера. Время реакции ~ 300мс :)

Использовались только очевидные документированные возможности без хаков и ухищрений.

стартовая отрисовка
  • angular ~ 13.5 (сек)
  • ractivejs ~ 16.5
  • riotjs ~ 16.1
  • rivetsjs < 16
  • vuejs < 16

отрисовка при изменении значения модели
  • angular < 1 (сек) при условии, что размер таблицы не меняется
  • ractivejs ~ 1.1 (сек) при условии, что размер таблицы не меняется
  • riotjs < 1 (сек) при условии, что размер таблицы не меняется
  • rivetsjs < 0.5 (сек) при условии, что размер таблицы не меняется
  • vuejs < 0.5 (сек) при условии, что размер таблицы не меняется

отрисовка при удалении записи
  • angular ~ 3 (сек)
  • ractivejs ~ 3.2
  • riotjs ~ 1.5
  • rivetsjs не удалось протестировать, т.к. не понял как биндить обработчики событий
  • vuejs ~ 1

отрисовка при удалении произвольных 100 записей
  • angular ~ 3 (сек)
  • ractivejs > 1 min, не дождался :)
  • riotjs ~ 1.5
  • rivetsjs не удалось протестировать, т.к. не понял как биндить обработчики событий
  • vuejs ~ 1

Все примеры для тестов написаны лично мной в течении ~ 4ч., находятся здесь

---

Послесловие
Изначально никакого бенчмарка не планировалось. Было любопытно:
1. скорость разработки новичка
2. удобство разработки

По скорости разработки (быстро-долго):
1. vuejs, ractivejs, angular,
2. rivetsjs
3. riotjs
т.к. у фреймворков под п.1,2 много коробочных решений, в т.ч. двусторонний биндинг

По обучаемости (быстро-долго):
1. vuejs, riotjs, ractivejs
2. rivetsjs (дока не очень)
3. angular

Safort 12.06.2015 23:26

Решил забить на Ember и взял Angular. Пока читаю оффдоки, кто-нибудь может дать ссылки на какую-нибудь хорошую инфу? Можно и на английском.

l-liava-l 12.06.2015 23:52

:lol: ноччелось

Gozar 13.06.2015 00:10

Цитата:

Сообщение от Safort
ссылки на какую-нибудь хорошую инфу?

А по Ember есть хорошее видео :)

Safort 13.06.2015 08:01

l-liava-l,
чо-чо?)

Safort 13.06.2015 08:06

Gozar,
да, видео хорошее, но похожих видео полно на ютюбе, из всех объединяют две вещи - отсутствие ES6 и помещение всех шаблонов в один файл.


Пока разбирался с Эмбером, параллельно написал чатик на Ангуляре, лол)

Gozar 16.06.2015 00:40

Цитата:

Сообщение от Safort
Пока разбирался с Эмбером

Хз, что там разбираться, уже пол админки накатал, пару раз видео посмотрел за чаем. До конца недели подниму вместе с плюшками. Ember чем-то похож на backbone, только с блекджеком и магия мне очень сейчас нужна. Сроки уже все вышли. Ориент студио на сервере не взлетела, приходится в срочном порядке писать управление базой. Подниму админку на Имбире, если будет не лень, гляну что там из себя ангуляр.

По поводу es6, зря ты батенька. В FF, да и в Хроме уже многие фичи нативно работают, к тому же магия вполне себе кавайная ^^


Часовой пояс GMT +3, время: 07:54.