React или Vue: я ошибался с выбором

Когда я первый раз услышал вопрос «React или Vue?», я ответил почти не задумываясь.

React.

Причём смешно то, что я тогда даже не мог нормально объяснить почему.

Я не сравнивал архитектуру.

Не смотрел, как устроены большие проекты.

Не делал одинаковое приложение на двух технологиях.

Я просто видел, что React постоянно мелькает вокруг.

Вакансии.

Статьи.

Обсуждения.

Курсы.

И мозг сам сделал вывод:

если об этом говорят чаще - значит, это правильный выбор.

Сейчас я понимаю, что это была самая обычная ошибка.

Я выбирал не инструмент.

Я выбирал мнение большинства.

Первые шаги с React были приятными.

Наверное, поэтому он и стал таким популярным.

Ты быстро получаешь результат.

Написал компонент.

Подключил данные.

Увидел изменения в браузере.

Есть ощущение, что всё под контролем.

Например, такой код выглядит максимально понятно:

function Profile({ user }) {
  return (
    <div>
      <h2>{user.name}</h2>
      <p>{user.email}</p>
    </div>
  );
}

Компонент получил данные.

Компонент показал данные.

Что тут может быть сложного?

Проблемы начинаются потом.

Не через час.

Не после первого урока.

А когда проект перестаёт быть маленьким.

В какой-то момент я понял, что пишу уже не приложение.

Я пишу систему вокруг приложения.

Каждая новая функция тянет за собой вопросы.

Куда положить эту логику?

Стоит ли выносить её отдельно?

Нужна ли библиотека?

Не станет ли это проблемой через полгода?

И вот здесь у React проявляется его главная особенность.

Он очень много позволяет.

Но за эту свободу приходится платить решениями.

Иногда это круто.

Когда знаешь, что делаешь.

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

Именно тогда я снова посмотрел на Vue.

Раньше я относился к нему немного снисходительно.

Типа:

«Ну да, удобный вариант для простых проектов».

Сейчас понимаю, что ошибался.

Vue не проще.

Он просто по-другому расставляет приоритеты.

Когда открываешь компонент, там меньше ощущения, что ты собираешь конструктор из разных частей.

Вот пример:

<script setup>
import { ref } from "vue";

const message = ref("");

function send() {
  console.log(message.value);
}
</script>

<template>
  <input v-model="message">

  <button @click="send">
    Отправить
  </button>
</template>

Мне нравится, что здесь меньше лишнего движения.

Ты быстрее понимаешь, что происходит.

Не потому что технология умнее.

Просто она иначе организована.

Но самое интересное произошло не с React и не с Vue.

Я понял, что вообще неправильно задавал вопрос.

Я спрашивал:

«Что лучше?»

Хотя надо было спросить:

«Что мне сейчас нужно сделать?»

Если я устраиваюсь на работу фронтенд-разработчиком, React выглядит логичным выбором.

Не потому что он идеален.

А потому что рынок важен.

Если я один делаю небольшой сервис вечером после работы, мне уже не так важно, сколько компаний используют этот инструмент.

Мне важно, насколько быстро я могу получить результат.

Сейчас я бы не стал спорить с человеком, который выбрал Vue вместо React.

Раньше, скорее всего, стал бы.

Потому что мне хотелось найти правильный ответ.

Хотелось выбрать технологию и знать, что сделал всё правильно.

Но в разработке так почти никогда не бывает.

Можно выбрать самый популярный инструмент и сделать плохой проект.

Можно выбрать менее популярный инструмент и сделать отличный продукт.

В конце концов, пользователь не знает и не должен знать, что у тебя написано в package.json.

Ему важно только одно - работает твой продукт или нет.

И, наверное, это главный вывод, который я для себя сделал.

Не существует лучшего фреймворка.

Есть только тот, который лучше подходит под конкретную задачу.