Почему ReactJS лучше сочетает код с HTML?

Question

Как реактивный способ смешивания кода с HTML лучше дизайна?Мы все время думаем о разделении HTML + CSS + Javascript, чтобы сохранить разделение интересов и улучшить возможность повторного использования, удобство обслуживания.Зачем возвращаться и смешивать все это вместе?
Это звучит почти так же хорошо, как откат нормативов по окружающей среде, и всегда найдутся люди, которые будут оправдывать это.

Answer 1

Вы не используете бэкэнд с реакциями, так что это почти просто HTML CSS в файле (его jsx, который похож на HTML), в котором задействовано несколько сотрудников, которые не так сложны, как использование карты для отображения данных, но вы можете отделить больше сотрудникови лучше организовать свое приложение с помощью redux, потому что вы используете действия / редукторы / формы в 3 разных местах.Создать проект с помощью этих способов легко, но для настройки проекта уже требуется немного времени **, но если мы хотим разделить также HTML / реагировать, потребуется гораздо больше времени для создания базового приложения, и в этом нет необходимости ** Не всегда хорошо создавать дополнительный слой, потому что приложение будет более сложным, что не нужно

Answer 2

Не уверен, что это лучший дизайн, но в разделе Introducing JSX документации React тот же вопрос: Why JSX?

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

Вместо искусственного разделения технологий путем помещения разметки и логики в отдельные файлы, React разделяет проблемы со слабосвязанными единицами, называемыми «компонентами», которые содержат оба.https://reactjs.org/docs/introducing-jsx.html

В документах предлагается доклад Пита Хуна о переосмыслении лучших практик, который может пролить свет на дискуссию: https://www.youtube.com/watch?v=x7cQ3mrcKaY

Answer 3

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

Вот краткая цитата изпочему это лучший дизайн

Этот забавный синтаксис тегов не является ни строкой, ни HTML.

Он называется JSX и является расширением синтаксиса для JavaScript.Мы рекомендуем использовать его с React, чтобы описать, как должен выглядеть пользовательский интерфейс.JSX может напоминать вам язык шаблонов, но он поставляется с полной мощью JavaScript.

JSX создает React «элементы».Мы рассмотрим их рендеринг в DOM в следующем разделе.

В деталях объясним, почему