Стоит ли верстать лендинг на react.js?

Question

[Александр]

Нужно сверстать лендинг, в котором есть форма с полями из material.ui и еще некоторой логикой.
Как лучше ее верстать - всю страницу выдавать реактом или же только форму, которая нуждается в нем.

Comments

[m_frost]

а сторит по воробьям с зенитки стрелять???

Answer 1

[Антон Спирин]

Стоит ли верстать лендинг на react.js?

Не стоит.

или же только форму, которая нуждается в нем.

Поверьте не нуждается.

Comments

[Александр]

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

[Антон Спирин]

Александр, имеется ввиду автозаполнение формы данными пользователя или данными о товаре/услуге?
Первое поддерживается нативно. Второе - пара строк кода. Тащить в лендос кучу зависимостей ради простой формы не лучшее решение.

[Александр]

Подсказки при вводе, плюс поведение полей как в материалюай. Делать такие же поля в jquery, например, довольно сложно.

[Антон Спирин]

Александр, помимо Material UI есть CSS фреймворки с реализующие подобные формы. Причем вы можете использовать SASS исходники и добавить в проект только необходимые вам реализации.

Делать такие же поля в jquery, например, довольно сложно.

Сделать подобные поля самостоятельно довольно быстро и легко. Причем JQuery для этого использовать не обязательно.

[Александр Маргинал]

А почему сразу не ангуляр 2?

Answer 2

[Alexander]

Нет.

Answer 3

[Андрей Охотников]

Не стоит. Так же как и форма не нуждается в реакте. Реакт нужен для работы с DOM- деревом, для эффективной перерисовки большого количества элементов dom, нет смысла использовать его для формы.
Какую то логику для обработки действий в форме лучше самому написать, чем подключать ради этого react и matherialui

Comments

[Александр]

Дело в том что необходимо реализовать поля как в материалui, есть готовые компоненты. Делать тоже самое на jquery, как я понимаю, очень муторно. Поэтому думаю использовать реакт как библиотеку, чтобы она отрисовывала лишь форму.

[Андрей Охотников]

Александр, зачем jquery, поля как в matherial ui можно сверстать за полчаса, добавить в них логику на нативном js тоже недолго.

[Александр Маргинал]

Александр, зачем для этого реакт и jQuery? jQuery вообще лучше забыть.
Здесь понадобится немного scss и пара строк js

[Александр]

Я решил что буду без реакта, но с jquery, так как буду использовать плагин на нем.

[Александр Маргинал]

Александр, зачем этот плагин? Зачем тянуть зависимости ненужные и в случае с jQuery еще и тяжёлые?
Все что нужно это es6 и вебпак

[Александр Маргинал]

Александр, более того, со следующей версии далее бутстрап будет без jQuery. Зачем заниматься некромантией если все для чего был создан jQuery умеет обычный es6 обработанный Babel?

[Александр]

Александр Маргинал, да я согласен. У меня стоит babel, и используется сборщик, но пока руки не доходят переписать плагин, а он только для jquery есть. Это привычка юзать jquery, надо отвыкать.

[Александр Маргинал]

Александр, зачем плагин? Он не нужен для вашей задачи.
Там все по все выйдет примерно 150 строк нативного js кода это уже с отправкой на север, валидациями и материалом

[Александр]

Александр Маргинал, Используется dadata, подключаются подсказки для полей ввода.

[Александр Маргинал]

Александр, почему не сделать это вручную? У меня студенты это делают которые js видят первый раз вы жизни

[Александр]

Кто сказал что не сделать вручную? Или вы читаете между строк?