#3 – Знакомство с JSX в React JS

Полезные ссылки:

• Официальный сайт Node JS;
• Документация по установки React через NPM.

Что такое JSX?

JSX расшифровывается как JavaScript XML. JSX —  это расширение для языка JavaScript. При помощи JSX вы можете описывать HTML код внутри JavaScript файлов без каких-либо проблем.

Если бы не JSX, то описание каждого тега было бы долгим. Нужно было создать объект, добавить к нему атрибуты и возможные стили. Пример без JSX:

ReactDOM.render(React.createElement('input', {
	placeholder: 'Some text', 
	value: 'some'
}), document.getElementById("app");

Такой же участок кода при помощи JSX выглядит намного проще и красивее:

ReactDOM.render(<input placeholder='Some text' value='some' />, document.getElementById("app");