Тема восьмого урока, это события в React. Мы научим наши компоненты «слышать» клики, ввод текста, отправку форм и множество других действий. Именно события превращают статичный сайт в живое, интерактивное веб-приложение. Представьте кнопку, которая ничего не делает или поле ввода, в которое нельзя написать… Звучит скучно, правда? Давайте оживлять. Обработка событий: onClick, onChange, onSubmit В обычном […]
До этого мы с вами работали с отдельными, статичными компонентами. Мы выводили заголовки, параграфы, кнопки. Но давайте посмотрим правде в глаза. Реальный мир веб-разработки состоит из данных и эти данные часто представлены в виде списков. Новостная лента в социальной сети, товары в интернет-магазине, сообщения в чате, пункты в навигационном меню. Всё это динамические списки. Сегодня, […]
Приветствую читателей иоего блога! Я перепробовал десятки сервисов и инструментов, но связка профессиональных облачных решений и корпоративного сайта всегда была ключевой. В этой статье хочу подробно рассказать вам об интеграции мощного пакета Яндекс 360 для бизнеса с вашим сайтом, созданным на Tilda или WordPress. Предположим, что потенциальный клиент заходит на ваш сайт, но вместо того, […]
В прошлых уроках мы с вами разобрались, что такое компоненты и научились создавать свои собственные «кирпичики» для нашего приложения. Мы уже видели, как здорово дробить интерфейс на независимые, переиспользуемые части. Но пока что наши компоненты были, скажем так, немного «одинокими». Они умели красиво отрисовываться, но не умели общаться друг с другом и были очень статичными. […]
Если вы думаете, что 2026 год станет полем битвы между бездушными машинами и творческими людьми, вы заблуждаетесь. Будущее уже наступило и оно не за «против», а за «вместе». Я прошел через этап страха, что AI отнимет мою профессию и пришел к этапу восторга от того, насколько он может ее преобразить. За последние три года я […]
Сегодня мы переходим часто упускаемых из виду аспектов разработки, это организации кода. Этот урок не о том, как писать JSX или использовать хуки, а о том, как сделать так, чтобы ваш проект не превратился в «спагетти-код», где невозможно ничего найти. Мы разберемся со структурой папок и import/export, которые скрепляют все компоненты в единое целое. Представьте, что […]
Мы подошли к одному из самых фундаментальных уроков во всём нашем курсе. Если JSX из прошлого урока, это «как мы пишем», то функциональные компоненты, это «что мы пишем». Готовься заложить прочный фундамент, на котором мы будем строить все последующие знания. В этом уроке мы с тобой оживим наш первый собственный кусочек интерфейса. Что такое функциональные компоненты? […]
Сегодня мы разберем одну из самых фундаментальных тем, это JSX. Именно он придает React-компонентам тот самый узнаваемый вид и делает разработку интуитивно понятной. Готовься познакомиться с синтаксисом, который сначала может показаться странным, но очень скоро станет твоим верным соратником. Что такое JSX? Давай начнем с самого главного, с определения. JSX это не HTML и не […]
Я помню, как мы переходили от семантических таблиц к адаптивному дизайну, как мобильные устройства перевернули все с ног на голову. Но сегодня мы стоим на пороге новой, куда более масштабной революции. Интернет перестает быть «местом», куда мы заходим с экрана. Он становится средой, с которой мы взаимодействуем голосом, жестом, а в недалеком будущем и силой […]
В первом уроке мы разобрались, что такое React и почему он так популярен. Теперь пришло время перейти от теории к самой интересной части, на практике. Но чтобы начать писать код, нам нужно подготовить наше рабочее место. Представь, что ты решил заняться столярным делом. Прежде чем вырезать изящные узоры, тебе нужно организовать мастерскую, заточить инструменты и […]