Я написал эту статью для того, чтобы поделиться, конечно, эта статья основана на моем мнении :)
Итак, чтобы начать работу с ReactJS, если вы знакомы с Javascript или Front-End World, вы должны знать или хотя бы слышать о «ReactJS».
ReactJS - это библиотека Javascript для создания пользовательских интерфейсов, или, как вы уже знаете, термин UI. Вы можете увидеть официальную документацию на reactjs.org.
Что касается Vue.js, это в основном «похоже, но отличается» от ReactJS.
Vue.js - это платформа для создания пользовательских интерфейсов. Вы также можете проверить
официальную документацию на vuejs.org.
Эти два удивительных инструмента для создания функционального дизайна пользовательского интерфейса и подход совершенно классный и волшебный, как вы знали до того, как появились эти две вещи, также есть много Javascript Framework, которые можно использовать как Angular , Ember.js, Meteor.js и т. д. (я никогда не использовал их, только когда-либо слышал о них).
Но в этой статье я буду говорить только об этих React и Vue.
Итак, React и Vue, оба они способны создать хорошо известное «одностраничное приложение», популярное в настоящее время, и я Я использую их для изготовления вещей.
Оба они также эффективны при создании «повторно используемых компонентов» для процесса создания приложения и интерфейсной части приложения, включающей трио « HTML, CSS и JS '.
Я кратко расскажу вам о них.
Преимущества React и Vue
Реагировать
- Огромные компании, такие как Facebook, Instagram, Netflix, используют React
- Отлично подходят для создания больших приложений
- Высокая гибкость с JS и ES6 / 7
Vue
- Легко понять управление файлами и структуру папок
- Отличная документация, вы можете легко решить вашу проблему
- Директивы делают все проще и круче
- Маленький размер и быстрее
Что изучать в первую очередь? React или Vue?
Прежде чем изучать их оба, убедитесь, что вы хотя бы знаете основы Javascript, потому что, как вы знаете, оба они основаны на Javascript.
Я изучил Vue раньше, чем React, и, на мой взгляд, если вы хотите изучить и то, и другое, вам следует начать с React. Почему? Поскольку все в React является Javascript, и вы, вероятно, наберете больше Javascript в React, а структуры HTML, также выраженные через JSX, CSS также можно импортировать как модуль в ваш файл Javascript.
Таким образом, ваш навык Javascript полностью зависит, когда вы используете React.
Вот почему я предлагаю вам сначала изучить React, прежде чем Vue. Это не означает, что вы не можете сначала изучить Vue, и React , и Vue были легко выучить. .
Vue дал вам слишком много удобных синтаксисов, таких как 'Директивы', например 'v-if, v-for, v-once 'и т. д., что позволяет проще и намного быстрее создавать логику приложения.
Вот почему, когда я сначала изучаю Vue и перехожу к React, я обнаружил несколько трудностей из-за «Javascript», о которых я никогда раньше не знал. И в целом, как я сказал выше, они оба имеют много общего.
Они поддерживают и используют ECMAScript для написания Javascript с дополнительными функциями следующего поколения, они используют виртуальную модель DOM , а также предоставляют вам жизненный цикл компонента. Вот почему я предлагаю вам сначала изучить React, а затем Vue, но на самом деле решать вам, что изучать в первую очередь.
Разделение проблем между React и Vue
React разделяет файлы компонентов между JS и CSS, в то время как Vue объединил их и применил концепцию «Однофайловых компонентов». Мне очень нравится эта концепция, потому что она дала мне более легкий доступ к самому Компоненту, и я мог видеть логику Компонента, стили, а также структуру в одном файле.
Не то чтобы React плохо справлялся с этим, многие другие пользователи предпочитают разделение между файлами компонентов, чтобы видеть более четкие вещи между стилями и структурами с самой логикой. Но не волнуйтесь, если вы предпочитаете разделение во Vue, вы можете разделить его в любое время.
React-JSX и Vue-шаблон
Они оба чертовски круты при создании «повторно используемого компонента», как я сказал выше. Почему? Потому что, когда вы создаете повторно используемый компонент, он уменьшает избыточность кода, что отлично подходит для создания приложения.
В то время как React использует JSX для рендеринга всех компонентов с XML - синтаксисом, возвращенным функцией рендеринга , Vue используют синтаксис шаблона, который в основном является синтаксисом на основе HTML - , который также будет отображаться в ДОМ.
React-Redux и Vue-Vuex
Они оба имеют лучшее управление состоянием. Хотя у компонентов есть каждое состояние и свойства, должно быть действительно сложно передавать данные между каждым компонентом, когда дерево компонентов становится очень глубоким и сложным. Вот почему вам понадобится управление состоянием.
В то время как React использует Redux для управления своим состоянием, Vue использует Vuex. По сути, Redux и Vuex - это одно и то же, они функционально использовались для управления состоянием, централизации состояния в одном большом месте.
Что касается использования Redux и Vuex, я думаю, что Vuex имеет лучшую структуру и легче для понимания, чем Redux. Почему? Поскольку сначала сторонние пакеты для Redux разделены на 'redux', 'react-redux', а также "redux-thunk". Vuex использует только один пакет, предоставленный Vue, и структуры были четко понятны для использования. Лично мне больше нравится использовать Vuex.
Заключение
Что касается заключения, я думаю, что оба они были действительно мощными и предоставили пользователям отличный опыт их использования. Но, честно говоря, я не знаю, потому что я сначала изучаю Vue, чем React, но я предпочитаю Vue.js: D
По моему личному мнению, мне очень нравится Vue.js, потому что он упрощает создание моего приложения благодаря тому множеству вещей, которые предоставляет мне Vue.js, и мне очень нравится концепция «Однофайловых компонентов» в Vue.js .
К сожалению, в настоящее время тенденция к Vue.js не так высока, как у других JS Framework, но я думаю, что Vue.js имеет большой потенциал стать популярным благодаря своим потрясающим функциям.
Между прочим, спасибо, что потратили время на чтение этой статьи, надеюсь, вы сможете выбрать то, что вам нужно для создания своего приложения в качестве инженера. :)
