привет, ребята, я сейчас изучаю reactjs и наткнулся на кое-что интересное. До сих пор, когда я хотел сделать кнопку, я создавал ее в html и писал функцию в js, чтобы что-то с ней делать. Что ж, теперь я вижу, что могу сделать все это в jsx. Итак, мой вопрос: зачем мне снова создавать кнопку в html? каковы преимущества так или иначе?
JSX - это, по сути, язык шаблонов для создания HTML. Таким образом, при использовании JSX используется HTML.



![Безумие обратных вызовов в javascript [JS]](https://i.imgur.com/WsjO6zJb.png)


Что ж, JSX - это расширение React, которое позволяет нам писать JavaScript, который выглядит как HTML. Когда вы создаете полное приложение React, вы должны писать только на JSX в операторах return, даже если оно выглядит как HTML. React предоставляет нам множество инструментов для упрощения разработки, так что нам нужен только JavaScript (и, как следствие, JSX).
Если вы создаете приложение React js, то для кода шаблона вы будете использовать JSX, а не HTML. Преимущества JSX многочисленны.
JSX позволяет добавлять условия, циклы, выражения в код шаблона (например, библиотеки шаблонов, такие как handlebar, ractive и т. д.).
С помощью простого HTML, если вы хотите создать список из 10 элементов <li>, вам придется написать для него 10 строк HTML-кода.
Но с JSX (или любой другой библиотекой шаблонов) вы можете использовать цикл for и просто написать одну строку кода для создания списка. Короче говоря, JSX (или любая другая библиотека шаблонов) позволяет нам писать повторно используемые динамические коды шаблонов, которые мы не можем сделать с обычным HTML.
Вы можете прочитать и узнать больше об этом на самом сайте документации React JS.
субъективно ... вопрос мнения. Здесь действительно вопрос или просто мнения?