Курс посвящён архитектуре в разработке и помогает сформировать системное понимание ключевых принципов и подходов. Вводные уроки задают основу: что такое архитектура и чем она отличается от набора соглашений, где место FSD и какую роль играет Solution Architect. Мы разбираем фундаментальные понятия - данные и информацию, состояние и кэш, дублирование и неизбежные компромиссы.
Отдельный блок курса раскрывает уникальный взгляд на архитектуру через призму того, как человек понимает код: почему не существует «идеального» кода, когда большой файл не является проблемой и что действительно отличает senior-разработчика от junior.
Завершающий теоретический урок даёт инструменты оценки архитектурных решений. Мы обсуждаем, что такое сложный код, как сделать его проще и какие проблемы разработки наиболее критичны. Это создаёт основу для дальнейшего практического изучения архитектурных подходов и принципов вроде DRY, GRASP, SOLID и FSD.
Посмотреть больше
Это пробный урок. Оформите подписку, чтобы получить доступ ко всем материалам курса. Премиум
Ограничение времени просмотра
Вы можете просматривать пробный урок только 10 минут. Получите полный доступ, чтобы смотреть без ограничений.
Меня зовут Евгений Паромов. Я Senior Front-end разработчик. 5 лет разрабатываю на React. Люблю много работать и за это время повидал около 20 проектов. 2 года использую FSD во всех проектах. Использовал FSD с React, Vue, React-query, Redux, Mobx, Next. Есть опыт миграции большого легаси на FSD (7 лет разработки нескольких команд). Есть опыт разработки проектов на FSD с нуля
Команда внимательно читает ваши комментарии и оперативно на них реагирует. Вы можете спокойно оставлять запросы на обновления или задавать любые вопросы о курсе здесь.
Курс посвящён инкапсуляции в React. Мы разберём, почему в React логика и отображение объединены в компоненты, как tailwindcss выступает формой инкапсуляции и какие подходы использовать для декомпозиции кода, если делить его не только на «логику» и «UI». Отдельно рассмотрим саму идею инкапсуляции: что это такое, почему она не ограничивается принципами ООП и как проявляется в работе с React-компонентами.
Redux является мощным инструментом, который незаменим во многих ситуациях. Он включает в себя множество архитектурных паттернов, которые помогают создавать расширяемую архитектуру.Однако чаще всего Redux используется неэффективно.Это приводит к следующим проблемам:Непонятно, почему Redux настолько сложенПроект становится непригодным для поддержки клубкомRedux применяется там, где он не нуженИ не используется там, где это необходимоЦель этого курс
Курс посвящён принципу DRY (Don’t Repeat Yourself) и его применению в архитектуре. В первом уроке рассматриваем практические приёмы использования DRY. Во втором - как принцип связан с кэшированием и влияет на эффективность. Третий урок разбирает типичную ошибку при работе с формами, возникающую из-за неправильного применения DRY. Четвёртый показывает необычные и неочевидные следствия этого принципа в реальных проектах.