Кроме того, переведена документация Vuex: vuex.vuejs.org/ru
И vue-router: router.vuejs.org/ru
Огромное спасибо Konojoto и всем остальным, кто помогал переводить и вычитывать документацию (полный список контрибьюторов см. в репозиториях на github.com/translation-gang)
Документация выполнена небольшим (хотелось бы верить, что это не надолго) сообществом энтузиастов open-source перевода Translation Gang. Если вы хотели бы помочь с переводами документации какого-либо проекта с открытыми исходными кодами на русской язык, милости просим в наши ряды.
Комментарии (39)
Voronar
08.12.2016 10:10+1Кто может сказать в двух словах в чём особенность этого фреймворка по сравнению с проверенными временем библиотеками и фреймворками (react, angular, etc.)?
JohnnyDv
08.12.2016 10:15+2Проще в развёртывании. В базовом варианте достаточно просто подключить cdn.
gbezyuk
08.12.2016 10:15«Переписанный начисто React», без переизобретения CSS/HTML внутри JS и с централизованной поддержкой всей экосистемы; с возможностью инкрементального внедрения; некоторые красивые фишки понадёрганы из Angular, но нет dirty-checking с его проблемами производительности
lega
08.12.2016 12:35-3Angular, но нет dirty-checking с его проблемами производительности
Зато есть другие проблемы и тормоза, что в итоге Angular рвет vue как «тузик».
PS: В JS мире нельзя избавиться от проблем не получив других проблем.
imgen
08.12.2016 13:22+1Когда говорят «рвёт как тузик», обычно, прикладывают тесты, пруфы.
lega
08.12.2016 14:06Вот наверно самый популярный, для vue появился оптимизированная версия, которая показывает совсем не плохо, хотя все же отстает от Angular 2.
imgen
08.12.2016 15:20+1Вы сами себе противоречите, открыл все тесты ангуляра и vue и они не оказались быстрее Vue… angular 1 точно медленее, почти в 2 раза, а новый в обычном тесте медленее, а в оптимизированном на том же уровне.
lega
09.12.2016 02:34У меня такие результаты в хроме:
Angular 2: 46 fps
Angular Light: 45 fps
Vue.js: 37 fps
Вот todo benchmark, тут vue почти в 2 раза отстает от Angular Light.
А Angular 1 на грани загибания, развития там уже не будет.gbezyuk
09.12.2016 02:55+1Напомните, вы чего доказать-то хотите?
lega
09.12.2016 02:58-1Я про то что у dirty-checking нет проблем с производительностью, нужно уметь его готовить, впрочем как и любой дргой инструмент.
gbezyuk
09.12.2016 15:33+1Dirty-checking алгоритмически таков, что даёт мягко говоря нелинейный рост, так что я не соглашусь — «уметь готовить» его можно разве что в режиме «использовать в очень ограниченном объёме». Он же не от хорошей жизни применяется, а из-за отсутствия возможности применить более эффективный подход. Vue отказался от двухстороннего связывания (Flux же, не нужно оно) и поддержки старых браузеров — и dirty checking не понадобился, и работает всё шустро. Кроме первого Ангуляра есть ещё ряд фреймворков с аналогичными проблемами, опять таки — в документе-сравнении упоминались.
gbezyuk
09.12.2016 02:09В Angular2, насколько мне известно, dirty-checking тоже нет. Но он громоздкий очень, особенно по сравнению с Vue.
lega
09.12.2016 02:37Есть, там у каждого компонента свой change detector — который релизует dirty-checking, но все change detector'ы вызываются каждый раз (хотя есть всякие костыли это оптимизировать). В итоге работает примерно так же как и Angular 1, но за счет zone.js сканирование вызывается автоматический.
gbezyuk
09.12.2016 02:54Гмм, если всё действительно так, как вы описываете, рост тормозов с увеличением размера не денется никуда, и для серьёзных проектов такой подход не годится. Но что-то я сомневаюсь, чтобы при переходе ко второй версии там всем известной основной проблемы первой не пофиксили.
gbezyuk
08.12.2016 10:19Кстати, в документации есть специальная страница сравнения с другими фреймворками: https://ru.vuejs.org/v2/guide/comparison.html
Voronar
08.12.2016 11:14Это то есть, но мне интересно послушать тех кто его использовал в реальных проектах.
gbezyuk
08.12.2016 11:19+1самая приятная фишка — однофайловые компоненты .vue
в целом — всё просто работает из коробки, никаких танцев с бубнами как при сборке react/redux-проектов
с angular сравнивать некорректно, первый — был давно, а второй — уж больно тяжеловесен, не так категория
movl
08.12.2016 13:40+2Я использовал. Решил взять его, когда только-только вышел первый релиз. Первое, почему его выбрал — это документация: она действительна очень качественная, и после прочтения официального гайда у меня не появилось ни одного вопроса, что и как делать. А это уже наверное вторая его особенность — простота, именно, простота использования. Еще сильно меня подкупил момент с использованием DOM на прямую: пример, и это же позволяет легко работать с анимацией элементов, плюсом есть и встроенная поддержка работы с анимациями, это был достаточно важный критерий при принятие решения.
Хотя с другой стороны, я совсем немного знаком с React или Angular, на уровне создания нескольких примеров, но даже в этих примерах появлялось множество вопросов. А здесь я взял привычный стек: jade (pug) и coffee, и все стало получаться само собой, без исследования подводных камней. Можно в этом плане еще посмотреть на количество звезд допустим на Гитхабе у библиотек Angular/React/Vue, чтобы оценить популярность, и количество статей на Хабре или вопросов на SO, чтобы оценить проблемность библиотеки. Метрика, конечно, далеко не объективная, но мои впечатления сходятся с таким экспериментом.
JSmitty
08.12.2016 15:55+2Делаем довольно большой проприетарный проект командой — очень быстро все обучились, отличная документация (ура, теперь и на русском), проще ангуляра и реакта, гораздо ниже порог входа. Стартовали с маленького наборчика на browserify, сейчас полный фарш — Webpack, SCSS, Jasmine+Karma+Isparta, Nightwatch.js, Babel6. В проекте однофайловые компоненты, но SCSS вынесен. Всё очень удобно и есть из коробки — утилитка vue-cli генерирует «скелет» приложения со всем необходимым (упаковщик на выбор, unit / e2e, транспилер). Маст-хэв компоненты тоже приличные — vue-router и vue-resource, или любая другая AJAX библиотека, vue-i18n.
Можно очень легко использовать jQuery наследство, заворачивается в компоненты на раз. Вторая версия фреймворка вообще супер, есть утилита для миграции старых проектов.
Есть замечательный список ресурсов, в т.ч. компонентов UI — https://github.com/vuejs/awesome-vue
dom1n1k
08.12.2016 15:27В простоте и естественности. Чем-то похоже на jQuery в том смысле, что посмотрел пример и сразу понял что и куда, не выкручивает мозг.
eudj1n
08.12.2016 17:37Использую Vue вместе с разработанным проектом на PHP (Yii2) — вопрос отделения фронтенда от бэкенда на стоял, нужна была библиотека для двухстороннего связывания в некоторых сложных формах. Связка получилась достаточно интересная и вполне жизнеспособная.
motomac
08.12.2016 21:45полный список контрибьюторов см. на github.com/translation-gang
Список контрибьюторов приватный.gbezyuk
09.12.2016 02:50Да ладно? https://github.com/translation-gang/ru.vuejs.org/graphs/contributors
Вы наверное про список членов организации, там да — не все публичность включили.
Aries_ua
09.12.2016 01:59Еще не пробовал Vue. Вопрос знатокам, как у нее с перфомансом? Допустим что-то более сложнее чем две формочки и пару кнопок. К примеру, сложная динамическая SPA. В которой, ну скажем порядка 50-100 разных views, components (example list etc) и много бизнес логики.
Когда-то делали проект на ангуляре. С двумя формочками и пятью кнопками было шикарно. Когда проект разросся, это стало адом. Теперь в первую очередь волнует перфоманс.gbezyuk
09.12.2016 02:00Коротко — у Vue с производительностью всё хорошо. Конкретно у первого Angular основная проблема была в dirty checking, у Vue такой проблемы нет. Подробнее — в вышеупомянутом документе со сравнением с другими фреймворками.
Egasuas
10.12.2016 13:27Честно… подумал «быстро погляжу насколько полные доки»…
Не мог оторваться часа 3. Спасибо. Вы понизили «порог вхождения» (и так на уровне плинтуса) до уровня «линолеума» :-) Вами сделана очень важная, полезная работа. И сделана, я бы сказал, художественно.
ivlevdenis_ru
10.12.2016 13:42Огромнейшее спасибо! Теперь в голове полный порядок, хотя бы по vue, и иже с ним.
enf220
Круто!