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