Уроки React JS

#4 - Рендер нескольких компонентов

#4 - Рендер нескольких компонентов

В уроке мы научимся рендерить сразу несколько компонентов. Также мы рассмотрим некоторые мелкие понятия в React JS, которые в дальнейшем нам пригодятся.

Видеоурок

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


Так было раньше:

var Block = React.createClass ({
	render: function () {
		const num = 20;
		return (
			<div>
				<h2>It is {num}</h2>
				<p>Это простой текст</p>
			</div>
		);
	}
});
Теперь надо прописывать так:
class Block extends React.Component {
	render() {
		const num = 20;
		return (
			<div>
				<h2>It is {num}</h2>
				<p>Это простой текст</p>
			</div>
		);
	}
}

Исходный код

Весь код будет доступен после подписки на проект!

Онлайн редактор кода

Загрузка...

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

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

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

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

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

Изучение React JS / Redux библиотеки
9 уроков
Изучение таск-менеджера Gulp 4
5 уроков
Изучение JavaScript от нуля до гуру
21 урок
Изучение библиотек jQuery
24 урока
Изучение стека MEAN: MongoDB, Express, Angular и Node JS
10 уроков
Уроки Vue.js для начинающих
10 уроков
Комментарии для сайта Cackle