Привет коллеги, меня зовут Максим и я много лет работаю фронтенд и бэкенд разработчиком. За это время я прошел путь от полного новичка, который путался в базовых концепциях, до ведущего специалиста, участвующего в создании сложных веб-приложений. И я прекрасно помню то чувство растерянности, когда пытался выбрать свой путь в мир современных технологий. Одной из ключевых […]
Я рад приветствовать вас на финальном, тридцатом уроке нашего большого курса по React. Если вы дошли до этого момента, то вы просто молодцы. Вы проделали огромный путь от простых console.log до понимания компонентов, состояния, хуков и маршрутизации. Сегодня мы закрепим все эти знания, собрав полноценное, красивое и функциональное приложение «Персональную галерею изображений». Это будет наш […]
На 29-ом уроке мы подходим к одному из самых волнующих и важных этапов в жизни любого проекта, его выходу в свет. Если до этого момента наше приложение жило только на нашем локальном компьютере и любовались на него лишь мы да, возможно, кошка, проходящая мимо монитора, то сегодня мы это исправим. Мы будем выносить наш React-проект […]
Если предыдущие уроки были о том, как заставить интерфейс работать, то сегодня мы поговорим о том, как заставить его работать хорошо. Представь. Пользователь нажимает кнопку «Загрузить», и… ничего не происходит. Проходит секунда, две, пять. Что он думает? «Сломалось?», «Не нажал?», «Виснет?». Скорее всего, он просто закроет вкладку. Наша задача не допустить этого. Мы будем делать […]
Мы с вами уже прошли огромный путь, научились создавать компоненты, управлять состоянием, работать с формами и стором данных. Наши приложения работают и это уже прекрасно. Но сегодня мы перейдем на новый уровень, уровень осознанной разработки. Мы будем говорить о производительности. Вы когда-нибудь замечали, что приложение начинает немного «подтормаживать» по мере его роста? Или что консоль […]
Мы с вами уже научились создавать компоненты, управлять их состоянием, работать с формами и маршрутизацией. Наши приложения функциональны, но пока они выглядят не очень презентабельно. Пришло время добавить им стиля. В этом уроке мы разберем три основных подхода к стилизации React-приложений, классические CSS-модули, современные CSS-in-JS библиотеки на примере Styled Components, а также бегло взглянем на […]
Если вы здесь, значит, вы уже успели познакомиться с компонентами, состоянием, хуками и даже с управлением глобальным состоянием. Это огромный пласт работы и вы большие молодцы! Но до сих пор все наши приложения жили на одной-единственной странице. Сегодня мы кардинально меняем этот подход. В этом уроке мы с вами выйдем на новый уровень и научимся […]
Добро пожаловать на 24-й урок нашего курса. Сегодня мы будем говорить не о новых хуках или сложных паттернах управления состоянием. Мы поговорим о чем-то более фундаментальном, о философии, которая делает React по-настоящему мощным. Мы изучим композицию компонентов, а именно как использовать props.children и передачу компонентов через пропсы для создания не просто компонентов, а гибких и переиспользуемых […]
В предыдущих уроках мы с вами разобрались с основами маршрутизации. Это важный фундамент, но настоящая мощь одностраничных приложений (SPA) раскрывается, когда страницы становятся динамическими. Сегодня, в нашем 23-м уроке, мы погрузимся в мир динамических маршрутов. Представьте себе интернет-магазин. У вас не может быть отдельного маршрута для каждого из тысяч товаров вроде /product/1, /product/2 и так далее. Это неэффективно […]
Сегодня нас ждет один из самых интересных уроков во всем курсе. Мы будем говорить о маршрутизации. До этого момента все наши приложения были сосредоточены на одном экране, на одной «странице». Мы управляли состоянием, меняли интерфейс, но не переходили между разными представлениями, как в классических веб-сайтах. Но что, если мы хотим создать многостраничное приложение, например, интернет-магазин […]