Узнайте самые важные факты об этих двух фронтенд-гигантах JavaScript.
Если вы Frontend-разработчик, новичок или опытный, вы наверняка слышали об этих двух невероятных фреймворках. Есть много веб-сайтов, которые вы посещаете каждый день и которые созданы с использованием этой конкретной технологии, основанной на JavaScript. Если вы хотите стать фронтенд-разработчиком, после изучения JavaScript вы можете выбрать один из этих двух возможных фреймворков для создания невероятных веб-сайтов. Итак, приступим к сравнению.
Это вторая статья, в которой я сравниваю двух фронтенд-гигантов. Если вам интересно, посмотрите первый:
Истории
Реакция
React — это интерфейсная библиотека JavaScript с открытым исходным кодом, разработанная Meta (на момент создания — Facebook Inc.) в 2013 году, и она поддерживается ее создателем, а также увлеченными разработчиками и энтузиастами открытого исходного кода. React — один из самых популярных репозиториев GitHub и, безусловно, самый известный среди репозиториев JavaScript.
В первое время Facebook использовал C++ для разработки и масштабирования своего внешнего приложения, и это было быстро, но для тестирования каждого небольшого изменения в кодовой базе инженерам приходилось компилировать код, а это занимало огромные количество времени, так что это было плохое решение.
Поэтому они решили использовать JavaScript в качестве интерпретируемого языка и создать надежный набор инструкций, чтобы сделать все процессы более гибкими и приятными. И они сделали это. Они создали React, библиотеку, которая стала бы самой известной.
Официальной мотивации от Facebook для данного имени нет, но некоторые люди думают, что это РЕАКЦИЯ на единственный в то время мощный интерфейсный фреймворк — Angular.
Vue.js
Vue.js также является фреймворком с открытым исходным кодом для внешнего интерфейса, который впервые был выпущен в 2014 году. Сейчас на GitHub есть большое количество увлеченных разработчиков, которые продолжают вносить свой вклад в проект, позволяя ему значительно развиваться. Фактически, Vue.js может стать еще более популярным и мощным, чем сейчас.
У Vue.js есть один отец: Эван Ю. Он разработчик, который решил, что хочет создать свой собственный интерфейсный фреймворк, и он хотел использовать все, что он узнал из своего предыдущего опыта работы. Он работал в Google и перепробовал множество возможностей в мире фреймворков, но ни один не подходил под его нужды.
Итак, в качестве побочного проекта он запустил Vue.js. Название было дано потому, что это французское слово, означающее вид. Эван думал, что работает над чем-то визуальным, и это было подходящее название. Через некоторое время он оставил свою работу, чтобы работать полный рабочий день над своим проектом с открытым исходным кодом.
Теперь фреймворк, который он и его сообщество построили и продолжают развивать, вероятно, является самым любимым и ценимым фреймворком JavaScript, и он свободен от монополии крупных технологических корпораций, таких как Meta или Google. Если вы хотите узнать больше об этой истории, на Youtube есть красивый документальный фильм по этой ссылке, посмотрите его: https://www.youtube.com/watch?v=OrxmtDw4pVI
Цифры от сообщества
Согласно опросу разработчиков 2021 года, проведенному stackeoverflow.com, эти две технологии действительно популярны и требуют огромной адаптации со стороны разработчиков. Более 40% разработчиков, принявших участие в опросе, сказали, что используют React, а почти 19% сказали то же самое о Vue.js. Это означает, что у React больше людей, которые использовали их технологию, чем у Angular.
Это плюс, а также минус. Это профессионал, потому что это означает, что React имеет более крупное и сильное сообщество, которое может помочь новым разработчикам быстрее учиться и находить лучшие ресурсы, даже если даже сообщество Vue.js действительно актуально, и это было успехом фреймворка. Минус в том, что разработчикам React может не хватать рабочего места из-за насыщения рынка. Vue.js имеет более слабое, но большое сообщество, но также меньше нехватки рабочих мест.
Факт, который подтверждает, что сообщество Vue.js действительно сильное, — это количество звезд на Github, которое имеет проект: 193 тысячи. Это огромное число. С другой стороны, у React «всего» 118 тысяч звезд.
Важное отличие: библиотека против фреймворка
Одно из основных отличий этих двух технологий заключается в том, что React — это библиотека, а Vue.js — это фреймворк. Что это значит? По сути, когда вы используете библиотеку, вы отвечаете за поток всего приложения, а фреймворк может справиться с этим за вас. В библиотеке вы можете вызывать элементы, когда захотите, с фреймворком вы немного более ограничены, но и намного безопаснее.
Спектакли
Эффективность этих двух техник можно легко сравнить. Оба они написаны на JavaScript, поэтому нам не нужно проводить странные тесты или невероятно сложные алгоритмы, чтобы решить, что более производительно. Нам нужно только одно простое теоретическое наблюдение среди спецификаций обоих из них. Если быть точнее, то, как вы можете догадаться, самым производительным должен быть тот, который легче, тот, который занимает меньше места. И это правда.
Итак, какой из них легче? Это Vue.js, который лишь немного легче своего оппонента. Надо сказать, что React для реализации некоторых фич нуждается еще и в сторонних компонентах и технологиях, так что в итоге он будет еще тяжелее. Итак, Vue.js более производительный, а также немного более полный в своих компонентах.
Минусы
Реагировать
React не реализует MVC, как Vue.js, поэтому ему нужно импортировать другие библиотеки, чтобы использовать его, что не оптимально. Странным минусом является тот факт, что React движется слишком быстро, он быстро развивается. В некоторых случаях это огромный плюс, но при этом не хватает документации, а также это обязывает разработчиков быть в курсе того, что произошло, потому что это может быть что-то отличное.
Vue.js
У Vue.js, кажется, нет реальных минусов, с которыми можно было бы иметь дело, но тот факт, что за ним не стоит большая компания, пусть будет медленным, когда дело доходит до обновления. Он также используется реже, поэтому пока не считается стандартом на рынке, как React. В будущем, я думаю, эта вещь изменится,
Как лучше?
Очевидно, что почти во всех спорах в мире технологий нет абсолютного победителя, но есть случаи, когда лучше выбрать одну технологию, а не другую. Итак, иногда предлагается Vue.js, иногда React лучше.
Но что это за случаи? Если вы хотите использовать меньше внешних зависимостей, вам подойдет Vue.js. Если вам нужна более надежная структура, Vue.js100%. Если вам нужно что-то более производительное и легкое, вам подойдет Vue.js. С другой стороны, если вы хотите получить большую поддержку сообщества и сделать ваше приложение более масштабируемым, React — лучший выбор. Если вам не нужно много функций, а только несколько необходимых элементов для реализации малых и средних проектов, React выглядит намного лучше. Кроме того, если вам нужно быть быстрым и гибким на этапе разработки, рекомендуется использовать React. Если вы новичок, я предлагаю вам Reactm, а также провести собственное исследование.
ПРИМЕЧАНИЕ: не изучайте ни один из них, пока не изучите JavaScript должным образом. Иначе все будет невероятно тяжело, и вы будете махать рукой на отсутствие основ, а это того вовсе не стоит.
Официальные сайты
Я оставляю вам здесь официальные сайты, чтобы вы могли пойти и прочитать официальную документацию и узнать больше самостоятельно.
Реакция:
Vue.js:
https://v2.vuejs.org/v2/guide/?redirect=true
Заключение
В конце концов, мы должны признать, что и React, и Vue.js — отличные технологии, и что сообщество Meta и Эвана отлично поработало над ними. Кажется очевидным, что в будущем мы будем продолжать видеть эти две гигантские экосистемы, продолжающие расти и развиваться. Может быть, кто знает. Надо сказать, что есть много других ценных технологий, таких как Svelte, или даже разные концепции с большим количеством последователей, но трудно найти что-то столь же законченное, как React и Vue.js, может быть, только Angular. Таким образом, они являются безопасным выбором для будущей карьеры и работы.
Итак, это было React VS Vue.js: столкновение внешнего интерфейса. Надеюсь, вам понравилось. Если вы это сделали, пожалуйста, рассмотрите возможность подписки.
Больше контента на plainenglish.io. Подпишитесь на нашу бесплатную еженедельную рассылку новостей. Получите эксклюзивный доступ к возможностям написания и советам в нашем сообществе Discord.
