Добро пожаловать на 24-й урок нашего курса. Сегодня мы будем говорить не о новых хуках или сложных паттернах управления состоянием. Мы поговорим о чем-то более фундаментальном, о философии, которая делает React по-настоящему мощным. Мы изучим композицию компонентов, а именно как использовать props.children и передачу компонентов через пропсы для создания не просто компонентов, а гибких и переиспользуемых […]
В предыдущих уроках мы с вами разобрались с основами маршрутизации. Это важный фундамент, но настоящая мощь одностраничных приложений (SPA) раскрывается, когда страницы становятся динамическими. Сегодня, в нашем 23-м уроке, мы погрузимся в мир динамических маршрутов. Представьте себе интернет-магазин. У вас не может быть отдельного маршрута для каждого из тысяч товаров вроде /product/1, /product/2 и так далее. Это неэффективно […]
Привет читателем моего блога. Сегодня мы разберем самый главный вопрос для любого рекламодателя: «А сколько я на самом деле зарабатываю с каждого вложенного рубля?». Если вы до сих пор смотрите только на стоимость клика (CPC) и количество переходов, вы видите лишь верхушку айсберга. Сейчас точность измерений это не опция, а необходимость. Конкуренция растет, бюджеты требуют […]
Сегодня нас ждет один из самых интересных уроков во всем курсе. Мы будем говорить о маршрутизации. До этого момента все наши приложения были сосредоточены на одном экране, на одной «странице». Мы управляли состоянием, меняли интерфейс, но не переходили между разными представлениями, как в классических веб-сайтах. Но что, если мы хотим создать многостраничное приложение, например, интернет-магазин […]
Мы с вами уже прошли большой путь, изучив основы, компоненты, props и хук useState, который стал нашим верным спутником в управлении состоянием компонентов. Но сегодня мы переходим на новый уровень. Мы будем говорить о состоянии, которое становится слишком сложным для useState. Представьте, что вы строите дом. Пока вы кладете кирпичи, вам нужен лишь молоток (useState). Но […]
Сегодня на уроке 20-м мы будем говорить о проблеме, с которой сталкивается каждый React-разработчик и об изящном способе её решения с помощью хука useContext. Если вы дошли до этого урока, вы уже отлично владеете основами: компоненты, состояние с useState, побочные эффекты с useEffect. Вы видели, как данные передаются сверху вниз по дереву компонентов через пропсы. Это фундаментальный […]
Добрый день читатели моего блога. Я помню, как когда-то сам раздражался, когда после прочтения интересной статьи на меня вываливалось несколько кричащих баннеров или откровенно нативная реклама, которая не имела никакого отношения к прочитанному. Это было похоже на предательство, ты доверяешь автору, а он тебя «продает». Именно это чувство заставило меня искать другие пути. Я начал […]
Сегодня нас ждет очень важная тема, которая является основой в построении по-настоящему динамичных и отзывчивых приложений. Мы поговорим о том, как заставить компоненты «общаться» друг с другом, когда они не находятся в прямых отношениях «родитель-потомок». Эта техника называется «подъем состояния» (Lifting State Up). Если вы когда-нибудь задумывались: «Как мне синхронизировать два разных компонента, чтобы изменение […]
Мы с вами уже прошли большой путь, изучили основы, состояние, эффекты и контекст. Вы стали настоящими повелителями компонентов! Но по мере роста вашего приложения вы начнете замечать одну повторяющуюся проблему, разный код в разных компонентах начинает делать одно и то же. Логика, например, загрузки данных из API или подписки на события, кочует из одного файла […]
Мы уже изучили множество концепций, но сегодня нас ждет особенный инструмент, хук useRef. Он не такой «громкий», как useState или useEffect, но в умелых руках творит настоящие чудеса. Готовься узнать, как напрямую «общаться» с DOM-элементами и хранить данные между рендерами, не вызывая при этом повторный рендер. Зачем нужен useRef ? Представь себе ситуацию: тебе нужно программно установить фокус […]