Переход проекта с jQuery на Angular 1 или Angular 2 или React?

Question

[Михаил Юрьевич]

Имеем: проект для сеошников в стадии открытой беты( https://spyserp.com/ ), внутри много таблиц и графиков, текущее положение дел:

• server-side рендеринг
  
• на клиенте ajax(jQuery)
  
• таблицы и графики бывают объемные и уже сейчас наблюдаются проблемы с производительностью при рендеринге
  

Пришла стадия отрефакторить фронтенд используя один из вышеперечисленных фреймворков, просьба поделится своим опытом в выборе, перечислить доводы за и против

Небольшой список вопросов:

• Много таблиц, много данных в браузере - что производительнее Angular или React?
  
• Если Angular то какой выбрать? 1 или сразу 2?
  
• Какой фреймворк позволяет больше сосредоточится на frontend логике чем на ковырянии в самом фреймворке? Angular или React?
  

Вопросы не праздные, надеюсь на вашу помощь в выборе

Comments

[xtalen]

Производительность у вас проседает не от того что вы используете jQuery, а от того, что так написали.
Если не знать как работать с таблицами с, например, миллионом столбцами и графиками в каждом, то фреймворк не спасет. Тут нужен другой подход в решении задачи и практически любая технология с ней справится.
Посмотрел на ваш проект, рекомендовал бы использовать Angular.

[Михаил Юрьевич]

xtalen: а какие общие рекомендации можете дать? в какую сторону смотреть? и какой из 2ух angular все таки?

Answer 1

[beduin01]

очень советую vuejs.org Vue посовременнее и побыстрее чем React будет

Comments

[Андрей Андрианов]

VueJS, кстати и побыстрее прочих:
https://ru.vuejs.org/v2/guide/comparison.html#Срав...
https://ru.vuejs.org/v2/guide/comparison.html#Разм...

[Alex]

И разрабатывает 1 человек.
Я вот не сторонник брать то, что может загнуться в один момент.

[beduin01]

Alex: Правильно надо Angular 1 брать.

[Alex]

beduin01: Почему?

Answer 2

[iBird Rose]

https://youtu.be/XQM0K6YG18s?t=16m46s смотреть с 16m46s

Answer 3

[Frozen Coder]

Я за React + Redux. Вникать надо по минимуму. Если знаете JavaScript, то вам больше ничего и не надо, чтобы понять. На хабре полно статей, чтобы начать. Запоминать какие-то магические слова не надо (типа ng-то, ng-это).
Не знаю за второй Angular, но решение на React + Redux будет быстрее первой версии.
Больше свободы. Меньше специфического синтаксиса и невидимой магии, чем в Angular.
Минус - вам нужно принять много своих решений как лучше сделать и выбрать между большим разнообразием доп. либ, но в этом же и плюс.
Вместо Redux можно попробовать MobX.
Angular2 активно эволюционирует, вроде только вышел, а уже 2.3. И я бы отнес TypeScript к плюсам - люблю типизацию. Но у React есть Flow.
Ухожу с 1го Angular. Не нравится scope и двухсторонний биндинг. Переходить на 1й в долгосрочной перспективе смысл ли есть, когда будущего нет? ИМХО. Вопрос холиварный. Попробуйте оба-три варианта и выберете сами, что по душе.

Comments

[Frozen Coder]

MaxKorz: Согласен, но Legacy code. Angular 1.2. Боль. React + Redux = Счастье. В моем личном случае.

[Frozen Coder]

MaxKorz: В моем личном случае. Я писал про свой опыт и Имхо переимхо. Я знаю, когда вышел 1.2 и React с Redux. Поэтому консилиум решил перевести проект сразу на React, а не парится с переводом на 1.5, а потом возможно на 2(который пока еще активно мутирует), когда предоставилась возможность под задачу с большой переработкой фронта проекта. Я сам перешел с JQuery проекта на Angular и вначале меня всё устраивало, но как-то не пошло, полилась боль. Возможно 1.5 зашел бы. Но я очень втянулся в JSX и Flux-архитектуру.
ИМХО, но для меня не аргумент начинать проект на обреченном фреймворке, когда весь мир признал существующее у него проблемы и нашел уже их решения в новых продуктах и подходах, только потому что существуют best practice, гайды и готовые решения. Если бы Angular 1 был супер-хорош, то стали бы создатели переписывать всё чуть ли не с нуля?
Позже планирую обязательно попробовать Angular 2 на своем "домашнем" проекте.
Вы очень рьяно отстаиваете свою позицию, как будто продаете этот первый Angular). Вы пробовали что-нибудь другое?

Answer 4

[Роман]

Вам нужно ответить на вопрос - нужно SEO для вашего сайта ?
Если "Да" - то angular 1+ я бы не брал, будет мучительно )
Да и с производительностью придется повозится, большие объемы данных - особенно, если они не статичны, а предполагают какие-то действия, будут проблемой.

Остается Angular 2 или React
Оба поддерживают серверный рендерин (если SEO)
Оба производительны
React по старше будет - это значит, что в большинстве случаев, можно найти ответы в комьюнити
Как на меня Angular 2 - еще сыроват. Зато есть TypeScript - строгая типизация, интерфейсы, дженерики.

В любом случае, выбрав из этих двух - не прогадаете

Answer 5

[_ _]

React или Angular2
С вашими исходными скорее React.

Comments

[xfg]

Ничего не стоит дать совет использовать Angular 2. Это же проблемы автора, когда он не сможет найти готовых решений под него.

[Alex]

xfg: А зачем готовые решения?

[xfg]

Alex: чтобы максимально быстро начать писать фичи проекта, а не инфраструктурный код, поверх которого эти фичи будут работать.

[Alex]

xfg: Framework предполагает, что сразу пишутся фичи и все есть из коробки...

[xfg]

Alex: очень оптимистично. Если все было бы из коробки, не было бы тысяч пакетов расширяющих функционал ангуляра. Помоему очевидно.

[Alex]

xfg: хм... тысячи пакетов... там 90% UI компонентов. Но если бы это было из коробки, то весил бы hello word метров 200

Answer 6

[Alex]

Angular 1 брать не стоит, т.к. имеет известные проблемы с производительностью при малом опыте работы в нем.
Angular 2 требует понимания и правильного подхода к использованию. Но это готовый framework. Выучил, осознал и работаешь.
React это библиотека по работе с DOM. Тут можно быстро начать освоив документацию и jsx. Но если данных много и сложная логика, то без сторонних библиотек типа Redux не обойтись.

Я для себя взял Angular 2.