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

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

React JS обладает мощным инструментом, что называется JSX. За урок вы познакомитесь с этой технологией и научитесь с ней взаимодействовать. Вы разработаете несколько HTML блоков с обработкой действий от пользователя.

Видеоурок

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


Что такое 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");

Материалы для курса

Чтобы скачивать материалы к видеокурсам необходимо оформить подписку на сайт

Задание к уроку

Необходимо оформить подписку на проект, чтобы получить доступ ко всем домашним заданиям

Большое задание по курсу

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

Также стоит посмотреть

Практика React JS / Разработка магазина (eCommerce)
9 уроков
Изучение JavaScript: от нуля и до создания сайта
Изучение стека MEAN: MongoDB, Express, Angular и Node JS
10 уроков
Создание динамического веб сайта
22 урока
Уроки Node JS и Express для начинающих
13 уроков
Создание приложения на React JS / Использование API
7 уроков
Комментарии
Добавить комментарий

Пока комментариев нет