Мы продолжаем изучать управления состоянием с Redux. На предыдущих уроках мы поняли, зачем нужны менеджеры состояний и разобрались с основными концепциями Redux: Store, Actions и Reducers. Сегодня мы напишем наш первый редьюсер и стор так, как это делалось долгие годы до появления удобных инструментов, «голыми руками». Это нужно не для того, чтобы вы всегда так […]
Приветствую всех на втором уроке нашего большого путешествия по Redux и Redux Toolkit. Сегодня мы перейдем от проблем к решениям и от теории к фундаментальным понятиям. Мы разберем те самые «три кита», на которых стоит весь Redux. Если на первом уроке мы увидели, почему в больших приложениях становится тесно с useState, то сегодня мы построим […]
Это первый урок из нашего большого курса по Redux и Redux Toolkit и сегодня мы разберемся с основные вопросы, зачем вообще нужны эти менеджеры состояний? Почему нельзя обойтись встроенными в React инструментами? Мы с вами на практике увидим проблему, которая возникает в больших приложениях и поймем, как ее решают глобальные менеджеры состояния, такие как Redux. […]
Привет коллеги, меня зовут Максим и я много лет работаю фронтенд и бэкенд разработчиком. За это время я прошел путь от полного новичка, который путался в базовых концепциях, до ведущего специалиста, участвующего в создании сложных веб-приложений. И я прекрасно помню то чувство растерянности, когда пытался выбрать свой путь в мир современных технологий. Одной из ключевых […]
Я рад приветствовать вас на финальном, тридцатом уроке нашего большого курса по React. Если вы дошли до этого момента, то вы просто молодцы. Вы проделали огромный путь от простых console.log до понимания компонентов, состояния, хуков и маршрутизации. Сегодня мы закрепим все эти знания, собрав полноценное, красивое и функциональное приложение «Персональную галерею изображений». Это будет наш […]
На 29-ом уроке мы подходим к одному из самых волнующих и важных этапов в жизни любого проекта, его выходу в свет. Если до этого момента наше приложение жило только на нашем локальном компьютере и любовались на него лишь мы да, возможно, кошка, проходящая мимо монитора, то сегодня мы это исправим. Мы будем выносить наш React-проект […]
Если предыдущие уроки были о том, как заставить интерфейс работать, то сегодня мы поговорим о том, как заставить его работать хорошо. Представь. Пользователь нажимает кнопку «Загрузить», и… ничего не происходит. Проходит секунда, две, пять. Что он думает? «Сломалось?», «Не нажал?», «Виснет?». Скорее всего, он просто закроет вкладку. Наша задача не допустить этого. Мы будем делать […]
Мы с вами уже прошли огромный путь, научились создавать компоненты, управлять состоянием, работать с формами и стором данных. Наши приложения работают и это уже прекрасно. Но сегодня мы перейдем на новый уровень, уровень осознанной разработки. Мы будем говорить о производительности. Вы когда-нибудь замечали, что приложение начинает немного «подтормаживать» по мере его роста? Или что консоль […]
Мы с вами уже научились создавать компоненты, управлять их состоянием, работать с формами и маршрутизацией. Наши приложения функциональны, но пока они выглядят не очень презентабельно. Пришло время добавить им стиля. В этом уроке мы разберем три основных подхода к стилизации React-приложений, классические CSS-модули, современные CSS-in-JS библиотеки на примере Styled Components, а также бегло взглянем на […]
Если вы здесь, значит, вы уже успели познакомиться с компонентами, состоянием, хуками и даже с управлением глобальным состоянием. Это огромный пласт работы и вы большие молодцы! Но до сих пор все наши приложения жили на одной-единственной странице. Сегодня мы кардинально меняем этот подход. В этом уроке мы с вами выйдем на новый уровень и научимся […]