Почему в работе так категорично требуют реакт или ангуляр?

Question

[Ingernirated]

Добрый вечер, подскажите, почему так настоятельно требуют знание реакта или ангуляра?
Что в них такого, что после них к чистому js относятся с пренебрижением?

Answer 1

[Никита Гущин]

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

А уж если проект написан на ангуляре\реакте\yourFrameworkName, то соответствующий разработчик худо-бедно разберется в нем без чьей-либо помощи

Answer 2

[sim3x]

Потому что тогда не требуется нанимать пак разработчиков уровня Стефана Стоянова

Comments

[Ingernirated]

это кто? )

Answer 3

[Mr Hobot]

Фреймворк это каркас, на котором вы лепите ваше приложение. благодаря этому разработка идёт и быстрее и понятнее и после вас можно будет что то дописать , переписать(в идеале). Плюс куча готовых решений , плюс много мануалов. Чистый js это не плохо, это прекрасно но как и бэк редко пишеться без фреймворков так и фронт.

Answer 4

[Islam Ibakaev]

V1 - производительность приложения написанного на ваниле
V2 - производительность приложения, написанного с помощью реакт(или альтернативы)
T1 - время, потраченное на написание ванильного приложения
T2- время, потраченное на написание реактовского варианта аналогичного приложения

V1 - V2 < T1 - T2

Даже если ты напишешь сложное приложение на ваниле, которое будет читабельно и будет поддерживаемо и масштабируемо так же хорошо как и вариант на реакте, ты же не идиот, чтобы каждый раз так сложно писать. Ты захочешь упростить написание кода, что-то абстрагировать и в итоге сам напишешь ui library типа vuejs.

Comments

[Ingernirated]

а чем все эти библиотеки ускоряют работу приложений?
можешь привести пример, пожалуйста
это же по сути аналог jquery?

[Олег Драпеза]

Привязка данных на jQuery (имеется в виду, что истина у нас хранится не в поле ввода, а в JS):
<input id="field" type="text">

var $field = $('#field');
  var model = {
    _field: 'имя',
    get field() {
      return this._field;
    },
    set field(value) {
      $field.val(value);
      this._field = value;
    }
  };

  $field.val(model.field);

  $field.on('input', function() {
    model.field = $(this).val();
  });

Привязка данных на React (истина хранится в state компонента):

class Field extends Component {
  state = { value: 'имя' }

  handleChange = (event) => {
    this.setState({ value: event.target.value });
  }
  
  render() {
    return <input type="text" value={this.state.value} onChange={this.handleChange}>
  }
}

[Олег Драпеза]

Ingernirated: смысл в том, что вы можете легко синхронизировать ваши данные (JS код, ответы от API), и ваше представление (простой HTML)

[Ingernirated]

Олег Драпеза: честно, не совсем понял
это сделано для удобства или как реакт ускоряет приложение?

[Олег Драпеза]

Ingernirated: не знаю, как вкратце ответить, тут есть описание www.codenet.ru/webmast/js/spa

[Ingernirated]

Олег Драпеза: т.е. по средствам использования fetch эти библиотеки просто подгружают js файл, который создает новые html теги и текст внутри них, только ради того, чтобы лишний раз не загружать в кэш то, что на сайте при подгрузке не собирается меняться, но тогда и сайт рассчитан на то, что его вид будет меняется в основном в центральном блоке и на выходе экономия лишь дай бог 30% скорости?
А вообще сильная разница, если мы подгружать так будем сразу текс в тегах<p>текст...</p> или именно создавать их через doc.createElement("P"), append, textNode и прочее?

[Олег Драпеза]

Ingernirated: вы немножко не о том говорите) Статический сайт - html, css, jQuery плагины, все замечательно.
Веб-приложение - много js кода, вам нужен фреймворк.

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

[Ingernirated]

Олег Драпеза: да я и jquery не пользовался, а в динамическом, разве не fetch самый популярный?
Вот например, человек листает ленту и асинхронно подгружается каждый блок, мы с помощью js делаем этот запрос и нам создают блок и из бд достают информацию в него.
Так вот, зачем здесь нужен реакт или ангуляр, если код на js не такой уж километровый и по сути повторяется.
Просто смотрел видео про Vue.js и там пытаются работать с value строки, причем начиная с класса, а после ещё и функцией и по виду сложно было назвать это компактностью

[Ingernirated]

Олег Драпеза: как-то работа была с канвасом и это был действительно первый раз, когда чувствовалось, как библиотека в 10 раз уменьшает написание кода и ускоряет процесс