Angular.js vs React.js в MEAN-стеке с прицелом на оффер?

Question

[raingo]

Какой фронтенд-фреймворк учить для устройства на работу или успешный фриланс на апворке? Времени 3-4 месяца, на доскональное изучение обоих не хватит.

1) Главный критерий выбора - распространенность в бизнесе и респектабельность соответствующих знаний для работодателя.
Поэтому vue.js отпадает. (170 предложений на апворке против 1.200 для ангуляра и реакта). С чем легче устроиться/фрилансить?

• у обоих фреймворка/библиотеки примерно одинаковое кол-во востребованности на апворке, hh и других сайтов по поиску работы,
  
• часть запросов по react забирает react native,
  
• с другой стороны, запросы по angular смешаны из-за его версий.
  
  

2) Второй по значимости критерий - стак с mongo, node, express.
Не совсем понимаю, как работает классический MEAN. Какие функции отдавать express, какие angular. Однако в стеке с react'ом express берет на себя роутинг и подобное, таким образом дополняя react. Поправьте, если ошибаюсь.

• react в данном стеке кажется более удобным.
  
• для классического MEAN есть прекрасные книги на русском, но экосистема меньше,
  
• у react'a в стеке в рунете намного больше туторов, роликов на ютубе, но нет книг.
  

3) Что больше подходит для создания соц. сети в стеке me*n? Пишу соц. сеть для портфолио и прикладного изучения веб-программирования.

• react обладает большей производительность в сравнении с angular 1
  
• о производительности angular 2 и 4 мало информации
  
• angular 1 перегружен функциями, но в последующих версиях есть возможность легко выпилить ненужное
  
• angular легче стакается с rxjs
  
• angular жирнее
  
• для react'a придется мучаться с redux'ом
  

4) Простота изучения.

• порог вхождения angular'a 1 показался мне сказочно низким.
  
• react сложнее из необходимости изучать библиотеки зависимости типа redux'a
  
• 2 и 4 angular требует typescript и изучение различий версий.
  
• экосистема в рунете у обоих фреймворка/библиотеки на высоте.
  

Answer 1

[Николай]

В голове полная каша. Примерно 70% указанных выше пунктов неточны или совсем не верны. Стоит взять любой фреймворк(например angular 1.x, как самый простой и быстрый для изучения) и сделать небольшой spa(можно прям из туториала angular-phonegap). Затем к этому туториалу добавьте бэкэнд в виде экспресса. Большая часть вопросов отпадет сама собой. Что касается изучения уже актуальных фреймворков, несмотря на огромную разницу в реализации общие подходы у ng2/react похожи (components, unidirectional data flow, ...) если понимать сами подходы - изучение основ конкретной реализации не должны занять больше недели. Намного больше времени уходит на изучение экосистемы(flow/typescript/webpack и т.д.)

Comments

[Олег Гамега]

то что не точно это понятно, точно без опыта и не будет, но на мой взгляд, учитывая отсутствие опыта вполне здравая оценка рынка

[raingo]

В голове полная каша. Примерно 70% указанных выше пунктов неточны или совсем не верны.

Не подскажите, где скачать vanilla.js? Почему до сих пор не перевели по ней документацию?

[raingo]

А вообще на счет каши согласен. Но и в мире творится такая беспредельная каша со всеми этими тайпскриптами и вуями.

Намного больше времени уходит на изучение экосистемы(flow/typescript/webpack и т.д.)

Спасибо, реально крутой совет. Пока разбирался в теме сия инфа попадала в поле зрения, но не обращал внимания. Действительно не знал. Если без шуток - спасибо, буду разбираться в этом.

[ozknemoy]

raingo: ванила это ж чистый js

[alvvi]

ozknemoy: (это была шутка)

[Dark Hole]

Илья Ростопка: после такого вопроса, трудно понять, где сарказм, а где вопрос.

[raingo]

Dark Hole: отшутиться на критику - нормальная реакция. Я её принял.

На самом деле проблема в том, что вопрос сформулировал плохо. Так как сам не до конца понимал, что нужно. Поэтому и спрашивал, чтобы кто-то объяснил. Это вопрос не про самый замечательный фреймворк - тут все ясно, vue.js никто не переплюнет. Это вопрос выбора в конкретной ситуации, связанный с устройством на работу, порог вхождения и связку с express.js. И я его получил, даже несмотря на смутное объяснение.

Надеюсь, те, кто находится в такой же или похожей ситуации дойдут до этого места и поймут причины моего выбора. И смогут определиться сами.

По поводу работы - все одинаково замечательно для обоих фреймворков (включая redux или понимания RxJS). Но с некоторыми оговорками. Ionic - отсталая и тормазнутая среда. React Native - быстрая и продвинутая технология, скинувшая Meteor с 3 места на пьедестале. Погоня за лидерством в мобильной разработке навсегда останется за нативной разработкой, xamarin и forms, react native. Это означает то, что часть запросов с react.js на себя забирает react native. Нет адекватного способа дать поисковой строке понять, что мы ищем одно, а не второе. Это верно для гугл тренд, апворк, hh.ru. То есть по чистому react.js запросов получается меньше, чем у ангуляра. (и это мы не говорим про тренд будущего - VR)
Хотя часть запросов у ангуляра отнимает запросы по ангуляр2/4. Но в меньшей степени. И это не имеет решающего значения.

Какие выводы? Для реакта более характерна фулл-стак разработка. Наибольшая часть запросов по поиску работы программистом на удаленке занимает именно реакт. Удаленка - это когда вы сидите в своем городе и работаете по инету. Общаетесь с начальником по скайпу, трелло и т.д. Ангуляр дает чуть большие шансы для релокации. Можете не верить, но я проводил свои мини исследования рынка в течении нескольких недель. И иногда для интереса смотрю на вакансии со слюнями у рта.

Про стек MEAN, не смотря на то, что А - означает Ангуляр, сию букву давно заменила "R". Благодаря изоморфным приложения. Киллерфича реакта, которое откидывает какое-либо сомнение в выборе. Оставила остальные движки далеко позади. Ембер и ангуляр до сих пор курят в сторонке (сейчас очень мало инфы по четверке, читал только зарубежные туторы, но гуглы так до сих пор и не придумали адекватного решения).
Буду честен, конечно, ангуляр можно закостелить на изоморф. Но простота использования react'a в данном плане меня замотивировала.
Мне так никто и не ответил, но по-моему express забирает на себя недостатки react, типа отсутствия роутинга. Что делает их идеальным симбиозом.

Это довод в пользу фулл-стак программирования. Что будет большим плюсом для фриланса и удаленки. И скорее минусом для релокейта, т.к. вместо углубления в дебри и сорцы фреймворка вы будете заниматься изучением других технологий.

Третий пункт моего вопроса - полная фигня. Никто в 2017 уже не вспоминает слоупочность ангуляра. Люди инертны и поэтому до сих пор голосуют за реакт. Но ключевой довод потерялся. Мне эти бенчмарки уже снятся.

О четвертом пункте. Я имел дело с backbone. И когда смотрел туторы про ангуляр просто был поражен его простотой и низким порогом вхождения. БУКВАЛЬНО!! 20 минут и ты уже готов пилить свои spa. Без понимания основных принципов уйдет больше времени, но, как тут сказали, совсем немного. В то время как реакт пугает необходимостью изучения пяти-шести дополнительных библиотек для разных задач. Но с другой стороны, тут важно углубление в фреймворк, чтение сорцов, доскональное изучения самых скрытных механизмов реализации. Что по сути аннигилирует сей пункт. Затраты на изучение - равнозначны. Почитайте про RxJS и DI - вас это отрезвит.

Есть еще кое-что, о чем мало кто говорит. Еще один из ключевых пунктов тренда "реакт" из прошлого был в сложности добавления своего функционала в angular или наоборот, удаления ненужного. Хотя в новых версиях это чутка модифицировали. Однако, вот ведь незадача, из-за виртуального DOM'а реакту сложно примириться с инъекцией DOM-кода из сторонних API. Это актуально, например, при добавлении гугл-карт API. По-моему, эти пункту уравновешивают недостатки обоих.

Вывод: люди инертны. Кто-то до сих пор пилит сайты на прекрасном backbone, или вообще jquery. Большая часть запросов относится к angular1. Жаркая гонка привела к тому, что минусы ангуляра и реакт аннигилированны. Но из-за инертности проггеры до сих пор предпочитают реакт. Какой-то перевес в сторону реакта все еще сохраняется (и будет сохраняться на протяжении минимум 20170го). Для меня важно воспользоваться даже малейшими шансами. Я голодный и жадный до работы проггер.
Если не критично - выбирайте по вкусу.

Относительно предпочтений - фулл-стаковость, предпочтение удаленки, чуть большие шансы на апворке - реакт решает на сто проц.

[raingo]

Простите народ, вижу очепятки и сумборность в конце поста, но не могу исправить. Длиннопост портится. Да и устал уже писать.

Answer 2

[Frozen Coder]

У React ниже порог вхождения, но если для создания соц. сети, то тут есть подводный камень в виде пользовательского соглашения - если напишите конкурента фейсбука на React, то фейсбук имеет право прийти и нагнуть вас за такие дела. Не в курсе убрали они это или по сей день актуально.
И зря вы так боитесь Redux изучать там практически нечего - есть статья в картинках как для детей, и мучиться с ним вообще не надо. Мне так думается, что с новым ангуляром вы намучаетесь намного больше, чем с React + Redux (Typescript + RxJS + DI + особенности фреймворка + подводные камни).
В остальном полностью согласен с Олег Гамега.

Comments

[raingo]

но если для создания соц. сети, то тут есть подводный камень в виде пользовательского соглашения - если напишите конкурента фейсбука на React, то фейсбук имеет право прийти и нагнуть вас за такие дела. Не в курсе убрали они это или по сей день актуально.

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

Redux изучать там практически нечего - есть статья в картинках как для детей, и мучиться с ним вообще не надо. Мне так думается, что с новым ангуляром вы намучаетесь намного больше, чем с React + Redux (Typescript + RxJS + DI + особенности фреймворка + подводные камни).

А не значит ли это, что для потенциального работодателя знание ангуляра более ценно, чем знание реакта?

Eugene Aristarhov, как думаешь, React + Redux покроет все мои потребности для связки с node+express? Ну, кроме очевидного - bootstrap и т.д.

[Frozen Coder]

raingo: Тут всё зависит от конкретного работодателя, конечно, на React больше вакансий, чем на ангуляр 2+ - выше шанс найти работу. Платят ли больше за ангуляр 2+ ? Хороший вопрос, надо смотреть на всяких hh.ru. Да и готов ли работодатель потратить чуть больше времени на поиск ангуляр 2+ разработчика, когда реактовцев пока что на рынке больше. Еще фактор - а есть ли уже в компании проекты на реакте или ангуляре.
React + Redux думаю покроет, фейсбук же покрывает). А с нодой у вас должно хорошо зайти изоморфное приложение, там всяких библиотек уже дополнительных в реакт экосистеме пруд пруди, и ваша задача не нова и не уникальна).
Вообще на счет чистого выбора современных инструментов надо смотреть, что лично вам больше понравится. Ибо могут они сейчас практически всё (Дилемма Эскобара), что душеньке угодно, но вот писать на них вам и это должно быть по кайфу).

[raingo]

Eugene Aristarhov: жаль, что коммент нельзя сделать решением =(
Спасибо, почитал про изоморфное приложение - килерфича реакта. На ангуляре есть что-то подобное, но делается костылями. И возможно не оптимизировано. Обещали добавить в четверку, но инфы по ней в рунете мало, а из забугорских туторов сделал вывод - что ничего не изменили в этом плане.

Answer 3

[Олег Гамега]

если ставить во главу угла

стеке с прицелом на оффер?

(что имхо не плохо и очень правильно) то react
я согласен с Николай на полноценное изучение экосистемы уйдет куда больше времени а потому create-react-app то что вам нужно
сам react можно рассказать за час (немного утрирую, но если не касаться деталей то по основам пройтись реально можно за час), пары дней вам хватит чтобы разобраться, далее redux, его за час не расскажешь, но пары дней за глаза, ну а дальше практика
не забывайте про английски

Answer 4

[Александр Аксентьев]

успешный фриланс на апворке

По-моему для успешного фриланса там надо учить Wordpress и верстать :)

Comments

[raingo]

и еще 12 тысяч плагинов выучить. Я вот хз как ответить клиенту на вопрос: "вы работали с этим плагином? Вы точно работали с ним? Вы точно-преточно знаете как сложить 1+1 и вывести в консоль в этом конкретном плагине?"

Может из меня продавец плохой, но как-то не умею убеждать. По-моему, клиенты с приложениями на уровне ангуляра-ноды намного более трезво оценивают скилл программирования, а не скилл продажи.

[Александр Аксентьев]

raingo: я не спорю, но в ленте таких заказов раз-два и нет.

вы работали с этим плагином? Вы точно работали с ним? Вы точно-преточно знаете как сложить 1+1 и вывести в консоль в этом конкретном плагине?

работал с аналогами или "никаких сложностей нет". Объяснить надо что работа с плагином это не какой-то убер опыт, заказчик то в лучшем случае ничего не шарит, что ему сказали то и пишет.

[raingo]

Александр Аксентьев: смотря как настроить ленту)
А вообще мешает языковой барьер. Тяжело жить без эпитетов, без красноречивой и горячей русской речи.

Answer 5

[Пума Тайланд]

если по фану то однозначно реакт
ну плюс у него есть реакт для андроида

Comments

[ozknemoy]

для ангуларов есть ионик

Answer 6

[Aleksei Podgaev]

Смотря какие проекты вам интереснее делать. Angular в последнее время склоняется в Enterprise, т.е. на нём вы будете делать тяжёлые админки со всякими графиками/диаграммами, сложными задачами типа ленивой загрузки и кэширования таблиц с данными и всё такое прочее. На React делают больше решения ориентированные на массового пользователя, с обилием всяких визуальных плюшек, анимации и т.п. В общем если привлекает возиться с CSS и анимацией - лучше браться за реакт. На нём, кстати, и игры, как мне кажется, легче писать.

Comments

[raingo]

Вообще для создания интерфейсов для игр только реакт и подходит. Ангуляр и даже бекбон слишком тяжеловесен, имеет большую связанность для игр и излишне функционален. В браузерках весь код игры находится в канвасе, почти никакого html, как связать модели в канвасе с вьюхами/рендером остальных фреймворкок. Конечно, связать то можно, но зачем лишний геморрой.
У реакта есть возможность рендерить в канвас - и это просто прекрасно. Ну и плюс реакт натив.

Это я понял, уже изучая реакт.

[raingo]

Спасибо за инфу по ориентированности ангуляра и реакта.

[Aleksei Podgaev]

raingo: Ну, при желании можно и ангуляр (по крайней мере последние версии) научить рендерингу в канвас, как мне кажется. Но реакт для этого всё же лучше подходит именно из-за большей гибкости и меньшей связности разных компонентов, вы правы. Если цель именно написание игр, то клиентскую часть я бы писал на React/Vue, а админку на Angular.

Answer 7

[ozknemoy]

не стоит обольщаться низким порогом у angular. это не так. redux можно и в ангулар сунуть. typescript можно почти не пользовать. ставь тип any и все. на небольших приложениях он нафиг не нужен. 2 версия уже не актуальна. есть 4. тем более она побыстрее. в основном сейчас востребован ангулар 1, через пару лет ситуация изменится и придется учить 2 фремворка. то что ангулар все необходимое несет в себе, ты установишь в реакт сторонними плагинами. ну и для соц сети одностраничник это спорный выбор