Смотрю я на Ractive и напоминает он мне fj.
А на Ember кто-нибудь писал? Как оно? |
Цитата:
|
Цитата:
Лично мне симпатичен Vue.js. Из коробки много полезных и нужных директив, но при этом ничего лишнего. Он не работает с vdom, а это значит, что можно будет безболезненно прикручивать жуквери плагины (например). Цитата:
|
Цитата:
|
Цитата:
|
Цитата:
|
Цитата:
Тоже ищу фреймворк, у меня такие же требования к фреймворку как у Гозара, но в добавок нужен ES6. Кто-то может что-то подсказать? Или таких ещё нет. |
Цитата:
|
Цитата:
270 мб архива превратились в 2,7гб на диске :) |
Соглашусь с Гозаром (хотя и признаю странным такое поведение, но мы знакомы давно). Пихать все фреймворки в одну кучу - неправильно. Тот же Ember в тестах выигрывает у React, хотя они работают по-разному: первый рендерит HTML строку с помощью текстового шаблонизатора, второй - генерит виртуальный DOM. Есть еще третья группа: использующая DOM шаблонизатор (без строк и виртуалок)... Каждый подход выгоден по скорости в отдельных случаях: текстовый шаблонизатор хорош там, где контент не динамичен либо перерисовывается заново и пр.
Итак: - Текстовый шаблонизатор - Шаблонизатор, использующий Virtual DOM - DOM шаблонизатор (манипулирующий нодами напрямую) Так же следует разделить фреймворки по типу взаимодействия с данными: - Есть двусторонний data-binding - Нету байндинга Кроме этого, код бенчмарков не всегда корректен. Недавно сравнивал скорость своего фреймворка с несколькими другими и удивлялся, почему у некоегого супербыстрого хитрого форка Angular такая высокая скорость. Оказалось, что разработчик, писавший бенчмарки, являясь ярым поклонником Ангуляра, использовал textContent вместо innerHTML. Этот хитрожопый трюк ускорил мой код в 4 раза. |
|
Цитата:
Одно дело использовать недокументированные особенности, другое писать придерживаясь идеологии. зы: сам бы хотел пощупать ангуляр 2.0, но пока не выйдет релиз трогать не стану. |
Цитата:
|
Цитата:
Суда по тому как они поддерживают документацию им есть к чему стремиться. Цитата:
|
К слову о сокрости, почему все забыли про {{:: }} в ангуляре? в огроомном кол-ве задач нам не нужен постоянный вотч, а требуется сделать бинд лишь один раз.
+ ну и да, track by и не обсуждается. Этого хватает для 99% задач, а в остальном 1% можно запилить директиву на основе реакта.. :) А о скорости разработки, кол-ве доп модулей и речи быть не может и так ясно кто победит. Из серьезных косяков у ангуляра - эт весьма многословный синтаксис и AMD, хочется юзать common.js модули и изомрофонсть. |
Цитата:
во втором исправили Цитата:
|
Что думаете об Ember.js? Недавно решил его попробовать.
|
Цитата:
|
Gozar,
успехи средненькие. У Ember есть своя утилита для сборки по названием ember-cli, которая помогает собирать приложение написанное на Ember используя ES6. При всей своей мощи(лайврелоад, быстрое создание всего чего только не придумаешь с помошью встроенной команды ember-cli generate {{что-то там}}) ember-cli слишком толст для меня: тянет за собой кучу зависимостей, лагает при лайврелоаде, при генерации какой-нибудь части системы(модель, контроллер и т.д.) автоматом создаёт для неё что-то дополнительное(типа тестов) вместо меня(это мне не по душе), а в жужжании кулера может посоперничать с хромом :) Грусть в том, что в сети я не нашёл никакой альтернативы ember-cli для написания кода в ES6. Может, плохо искал(?) В итоге, сейчас изучаю Ember(используя ES5) и подумываю об альтернативе. Возможно, Angular подойдёт не смотря на отсутствие ES6, он гораздо востребованней Ember, судя по вакансиям. |
Цитата:
Цитата:
https://babeljs.io/docs/setup/#ember |
Gozar,
всё круто, но как его использовать вместе с Gulp? Наверно, я туплю, но всё же с другими инструментами столько проблем не возникало. |
Цитата:
А ещё я использую cli в phpstorm, а ещё я использую grunt, а ещё у меня было много проблем с разными инструментами. А ещё мне всё больше начинает нравится Ember, хотя бы за то, что он делают магию вместо меня. Тот же react не предлагает магию по умолчанию и мне пришлось самому искать и дописывать eventEmitter под es6. А ещё у ember мне нравится документация в отличии от Angular-а. Но это пока, дальше будет видно... |
Цитата:
Цитата:
Цитата:
|
Тесты производительности фреймворков
В качестве испытуемых были выбраны:
Данные - таблица 5000 элементов https://yadi.sk/i/MvfBu_jahDwro Проверялось: 1. стартовая отрисовка 2. отрисовка при изменении значения модели (two-way binding) [ввод в поле] 3. отрисовка при удалении записи [remove] 4. отрисовка при удалении произвольных 100 записей [remove random 100] Тестирование производилось в ручном режиме (на глаз) в браузере Chrome последней версии с использованием секундомера. Время реакции ~ 300мс :) Использовались только очевидные документированные возможности без хаков и ухищрений. стартовая отрисовка
отрисовка при изменении значения модели
отрисовка при удалении записи
отрисовка при удалении произвольных 100 записей
Все примеры для тестов написаны лично мной в течении ~ 4ч., находятся здесь --- Послесловие Изначально никакого бенчмарка не планировалось. Было любопытно: 1. скорость разработки новичка 2. удобство разработки По скорости разработки (быстро-долго): 1. vuejs, ractivejs, angular, 2. rivetsjs 3. riotjs т.к. у фреймворков под п.1,2 много коробочных решений, в т.ч. двусторонний биндинг По обучаемости (быстро-долго): 1. vuejs, riotjs, ractivejs 2. rivetsjs (дока не очень) 3. angular |
Решил забить на Ember и взял Angular. Пока читаю оффдоки, кто-нибудь может дать ссылки на какую-нибудь хорошую инфу? Можно и на английском.
|
:lol: ноччелось
|
Цитата:
|
l-liava-l,
чо-чо?) |
Gozar,
да, видео хорошее, но похожих видео полно на ютюбе, из всех объединяют две вещи - отсутствие ES6 и помещение всех шаблонов в один файл. Пока разбирался с Эмбером, параллельно написал чатик на Ангуляре, лол) |
Цитата:
По поводу es6, зря ты батенька. В FF, да и в Хроме уже многие фичи нативно работают, к тому же магия вполне себе кавайная ^^ |
Gozar,
Цитата:
Цитата:
Цитата:
|
Safort,
Забей. Я уже приостановил разработку. Дока запутанная и неадекватная(см. депрекейтед), магия перекрученная, deprecated куда ни плюнь(половина примеров в доке не работает, приходиться лезть в stackowerflow за каждым шаблоном или атрибутом), плагины отладки не работают и опять двадцать пять они лезут в мой сервер... Я поднял на snakeskin от kobezzza + es6. Будет потом время может сделаю второй заход или может уже ангуляр 2.0 выйдет. |
Gozar,
Цитата:
|
Цитата:
|
|
Сравнение производительности фреймворков, библиотек, шаблонизаторов, натива, канваса для наглядности
|
Font Awesome стал платным?
https://fonticons.com |
join,
блин, не пугайте. Это не font awesome, это "fort awesome". Font awesome вот: http://fontawesome.io/ |
Makarov,
Спасибо за ссылку. Думал у автора дела совсем туго идут, платными сделал популярные икони. |
Svg enerator of avatars http://svgavatars.com/
Дэйв, создатель "font awesome", достаточно близко к тому ,чтобы стать в ближайшие 30 дней, доллоровым миллионером. )) https://www.kickstarter.com/projects...font-awesome-5 |
Часовой пояс GMT +3, время: 16:03. |