Нужен ли react.js в полу динамическом сайте (или в конкретном случае)?

Question

[vilix]

Привет всем, я делаю сайт на node.js + express, верстаю с помощью bootstrap, сделал модальное окно на главной странице для регистрации, дальше собственно хочу, чтобы после регистрации, страница не перезагружалась, а изменилась только панелька с signin. Я вижу как это просто реализовать на jquery.

Зачем мне в данном случае может понадобиться react ?

Правильно ли я понимаю, что он нужен только для своих динамических визуальных компонентов, а для простого асинхронного поведение элементов bootstrap и прочих мне вполне хватит jquery?

Скорее возник немного другой вопрос, объясните мне пожалуйста, как мое конкретное поведение можно решить с помощью react? описательно естественно, не прошу никакого кода.

Спасибо за ответы

Comments

[copal]

В идеале все компоненты должны быть написаны на реакте. Но и от использования bs3 ничего плохого не будет. По этому использовать реакт или нет зависит только от Вашего настроения. А уговаривать и перечислять Вам все возможные варианты, в которых может понадобится реакт.. Дорогие Тостеровцы! От лица всех нюнь, которые хотят чтобы их поуговоривали хочу Вас попросить присоединится к акции - "vilix, используй реакт, используй" и поуговаривать нюню vilix, наконе-то уже использовать реакт!

[vilix]

copal: та я не хочу, чтобы меня по уговаривали, я просто реально запутался, может он мне здесь помочь или нет, я его функционал знаю только из статей на хабре, поэтому если честно, понятия не имею как его применить в конкретном случае

[copal]

vilix: мне тоже этот вопрос интересен, по этому пригласите сюда эксперта (под кнопкой редактирования темы есть текстовая ссылка).

[vilix]

copal: сделано)

Answer 1

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

1 )Реакт - это функциональный подход к разработке UI.
2) Реакт принято считать V из MVC. Его чаще всего используют с какой-либо реализацией flux (MVC не используется).
3) В основе реакта - виртуальный DOM

Исходя из этих тезисов - на реакте (читай react + flux) надо делать все приложение, иначе профита никакого. Соответственно, если вам нужно сделать только форму входа - отбросьте реакт, Вам это не нужно.

А вот если вам нужно разработать SPA (или даже просто сайт, на котором будет куча UI), то, поверьте, с jQ это все превратиться в спагетти, приправленные костыльной пастой очень и очень быстро.

PS. Для реакта есть свой бутстрап с блекджеком - https://react-bootstrap.github.io/

Comments

[copal]

А что такое функциональный подход? И чем этот подход (функциональный) отличается от подхода, который реализован в хотя бы все том же angulajs или вообще в js?

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

copal: под функциональным подходом имеется ввиду функциональное программирование. Соответственно в ангуляре реализуется ООП-подход.

[copal]

Никита Гущин: нет, я прошу чтобы Вы мне на человеческом языке объяснили, чем функциональное программирование отличается от ооп. Я это статью уже читал, но я не вижу разницы.

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

copal: это не так-то просто сделать ... смысл в том, что вы сводите к минимуму хранение состояния. Грубо говоря, в реакте получение DOM выглядит следующим образом: nextDOM = render(data) - фукнция от данных. Берем данные и рендерим их. Все. А в ангуляре? В ангуляре императивный подход, весь упор на алгоритм - нужно выполнить цепочку последовательных действий и в итоге мы получим DOM. Потом нам нужно отслеживать изменения модели, чтобы понять, какой участок DOM нужно перерисовать. Попробуйте прочесть эту статью

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

copal: ну или в этом видео наглядней - www.youtube.com/watch?v=nwtQMSFikUk

[copal]

Никита Гущин: статью прочел, видео уже смотрел. Но все равно складывается впечатление, что мне хотят преподнести "обычный серый цвет", как "совокупность уникальных каналов rgb смешанных самим Богом".
То что там говорится это обычный код обычного программиста. При чем чем дальше они будут заходить в абсурд вуалирую все красными словами, тем дальше опять удалятся от правильной сути.

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

copal: все дело в концепции. На деле любой код любого программиста в конечном счете превращается в машинный, но Вы же не пишете сайты на ассемблере, правда?

[copal]

Никита Гущин: я не об этом. Представьте, что Вы первопроходец, который нашел самый безопасный путь на гору, когда он занимался альпинизмом.
Эту "правильную дорогу" использовали многие годы и все были довольны, кроме одного альпиниста, который просто завидовал нашему альпинисту, ну или просто тоже хотел сделать что-то значимое.
И вот он придумал новый вид спорта флютинизм и главным его достижением сделал "неправильную дорогу".
И все бы нечего, так бы все и шло своим чередом, да только нашему хорошему альпинисту потребовалось передраться на другую сторону горы, к своим старым приятелям. Он пошел к гиду и заказал проводника.
Но когда проводник повел его через гору "неправильной дорогой", то наш первопроходец об этом догадался и сражу начал паниковать чтобы избавить себя и других от пережитого давно маразма.

И я не первопроходец, я всего лишь знаю о "правильной дороге" и не хочу идти по новой.

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

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

copal: Хм. Тогда я не очень понимаю суть ваших претензий. Вам неприятен реакт или ФП?

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

copal: Ваш коммент исчез

Answer 2

[Андрей Антропов]

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

Answer 3

[keslo]

В вашем случае React может выполнятся на сервере и уже отдавать готовое. JQ же работает только на стороне клиента.

Comments

[vilix]

Скорее возник немного другой вопрос, объясните мне пожалуйста, как мое конкретное поведение можно решить с помощью react? описательно естественно, не прошу никакого кода. А то я думал react выполняется на клиенте, а на сервере его можно только отрендерить для сео например

[keslo]

vilix: ReactJS это реализация идеи Flux, о которой довольно много написано. Можете погуглить. React предлагает однонаправленный поток данных. React изоморфен, что позволяет использовать его на фронтенде и на бэкенде. С React в плане SEO прокатывает. Ну и React можно использовать и с другими JS фреймворками и библиотеками.