

Обмен опытом
Обсуждаем актуальные практики и инструменты: выбор UI Kit для React, GraphQL vs REST, подходы к git-flow и работа с merge, rebase и squash. Минимум теории - максимум практики и живого опыта.
Обсуждаем актуальные практики и инструменты: выбор UI Kit для React, GraphQL vs REST, подходы к git-flow и работа с merge, rebase и squash. Минимум теории - максимум практики и живого опыта.
В определённый момент react-query сменил своё направление и превратился в @tanstack/react-query. Это означает, что его основное ядро было выделено в отдельный пакет @tanstack/query-core. Благодаря этому стали доступны vue-query, solid-query и svelte-query.Однако, к сожалению, не существует хороших решений по интеграции react-query с менеджерами состояний. Эта интеграция является весьма очевидной потребностью. В сложных проектах работа через хуки
Этот курс посвящён тому, как писать код, который не только работает, но и остаётся простым, надёжным, переиспользуемым и легко расширяемым. На примере разработки редактора бизнес-процессов вы пройдёте путь от базовых принципов до построения сложных архитектурных решений.Вы начнёте с концепции простого кода: научитесь писать понятные решения, использовать декларативный подход и создавать рабочие прототипы. Далее погрузитесь в тему надёжности, где
Этот курс поможет разобраться, как правильно выстраивать авторизацию в современных веб-приложениях. Вы узнаете, какие задачи должен решать бэкенд, а какие - фронтенд, и где архитектурно должна располагаться логика авторизации.На практике мы создадим простую инфраструктуру для работы с ролями, разберём её ключевые недостатки и увидим, почему модель Permission Access Control эффективнее традиционного подхода. Вы узнаете, как постепенно перейти от р
Представляю наиболее простой и действенный метод создания этой важной инфраструктурной единицы. Я выбрал эту тему в первую очередь потому, что она способна значительно сократить время разработки — речи о нескольких месяцах.Поделюсь одной историей из моего опыта:Требовалось разработать билдер процессов. Важно отметить, что эта задача была подработкой, и у меня не было возможности тратить на нее много времени.Создать карту мне помогла библиотека (h
Микрофронтенды - современный подход к разработке, который помогает масштабировать приложения, повышать гибкость и ускорять работу команд. На этом воркшопе вы разберётесь, зачем нужны микрофронты и какие задачи они решают в реальных проектах.Мы пошагово разберём, как построить микрофронты с использованием Vite Module Federation, как организовать роутинг и обеспечить обратную совместимость. Вы узнаете, как эффективно переиспользовать код между моду
Этот курс поможет разобраться с ключевыми аспектами аутентификации и управления токенами в современных веб-приложениях. Вы узнаете, что такое JWT, его преимущества и недостатки, зачем нужен refresh token и как правильно организовать автоматическое обновление access token с учётом состояния гонки.Мы разберём, как обрабатывать ошибки авторизации, где безопаснее хранить токены — в куках или localStorage, а также какие настройки куков необходимы для
Курс посвящён архитектуре в разработке и помогает сформировать системное понимание ключевых принципов и подходов. Вводные уроки задают основу: что такое архитектура и чем она отличается от набора соглашений, где место FSD и какую роль играет Solution Architect. Мы разбираем фундаментальные понятия - данные и информацию, состояние и кэш, дублирование и неизбежные компромиссы.Отдельный блок курса раскрывает уникальный взгляд на архитектуру через пр
Курс посвящён инкапсуляции в React. Мы разберём, почему в React логика и отображение объединены в компоненты, как tailwindcss выступает формой инкапсуляции и какие подходы использовать для декомпозиции кода, если делить его не только на «логику» и «UI». Отдельно рассмотрим саму идею инкапсуляции: что это такое, почему она не ограничивается принципами ООП и как проявляется в работе с React-компонентами.
Redux является мощным инструментом, который незаменим во многих ситуациях. Он включает в себя множество архитектурных паттернов, которые помогают создавать расширяемую архитектуру.Однако чаще всего Redux используется неэффективно.Это приводит к следующим проблемам:Непонятно, почему Redux настолько сложенПроект становится непригодным для поддержки клубкомRedux применяется там, где он не нуженИ не используется там, где это необходимоЦель этого курс