Добрый день читатели моего блога. Я помню, как когда-то сам раздражался, когда после прочтения интересной статьи на меня вываливалось несколько кричащих баннеров или откровенно нативная реклама, которая не имела никакого отношения к прочитанному. Это было похоже на предательство, ты доверяешь автору, а он тебя «продает». Именно это чувство заставило меня искать другие пути. Я начал […]
Сегодня нас ждет очень важная тема, которая является основой в построении по-настоящему динамичных и отзывчивых приложений. Мы поговорим о том, как заставить компоненты «общаться» друг с другом, когда они не находятся в прямых отношениях «родитель-потомок». Эта техника называется «подъем состояния» (Lifting State Up). Если вы когда-нибудь задумывались: «Как мне синхронизировать два разных компонента, чтобы изменение […]
Мы с вами уже прошли большой путь, изучили основы, состояние, эффекты и контекст. Вы стали настоящими повелителями компонентов! Но по мере роста вашего приложения вы начнете замечать одну повторяющуюся проблему, разный код в разных компонентах начинает делать одно и то же. Логика, например, загрузки данных из API или подписки на события, кочует из одного файла […]
Мы уже изучили множество концепций, но сегодня нас ждет особенный инструмент, хук useRef. Он не такой «громкий», как useState или useEffect, но в умелых руках творит настоящие чудеса. Готовься узнать, как напрямую «общаться» с DOM-элементами и хранить данные между рендерами, не вызывая при этом повторный рендер. Зачем нужен useRef ? Представь себе ситуацию: тебе нужно программно установить фокус […]
Сегодня у нас настал тот самый момент, когда теория встречается с практикой. Мы прошли долгий путь, изучили JSX, состояние, хуки, работу с формами и событиями. Теперь пришло время объединить все эти знания в одном красивом и функциональном проекте. В этом уроке мы с вами создадим приложение для отображения погоды, которое будет получать актуальные данные из […]
Мы с вами уже познакомились с хукoм useEffect и узнали, как выполнять побочные эффекты в функциональных компонентах. Но сегодня мы поднимем завесу над самой запутанной частью этого хук, массивом зависимостей. Почему эта тема так нужна? Потому что неправильное использование зависимостей, это одна из самых частых причин багов в React-приложениях. Эффекты могут выполняться слишком часто, «тормозить» […]
Мы уже прошли немалый путь, научились создавать компоненты, управлять состоянием с помощью useState и даже подружились с хуком useEffect для выполнения побочных эффектов. Сегодня мы поднимем наши навыки на совершенно новый уровень. Мы будем учиться «разговаривать» с внешним миром! Подавляющее большинство современных веб-приложений не живут в вакууме. Они получают данные из социальных сетей, показывают актуальные новости, загружают списки […]
Мы уже с вами изучили основы функциональных компонентов и управление состоянием с помощью useState. Но до сих пор наши компоненты были, скажем так, немного «замкнутыми в себе». Они умели хранить данные и отрисовывать интерфейс, но их взаимодействие с внешним миром было сильно ограничено. А что, если нам нужно получить данные с сервера? Или подписаться на […]
Мы уже прошли большой путь, изучили JSX, компоненты, state и props. Сегодня нас ждет одна из часто используемых тем в веб-разработке, это управление формами. Представьте себе любую современную веб-страницу. Вход в личный кабинет, регистрация, поиск, добавление товара в корзину, комментарии в соцсетях, все это формы. В React есть два основных подхода к работе с ними. […]
Приветствую коллеги и читатели моего блога. Я уже несколькуо лет веду и монетизирую несколько Телеграм-каналов разной тематики. Как и многие из вас, я начинал с Рекламной сети Яндекса (РСЯ). Это был мой первый и единственный способ получать стабильный пассивный доход с показов рекламы. Это отличная система для старта и если вы еще не подключили свой […]