Pavel Osin
@osinpaul
Павел Осин. Frontend-разработчик. Заметки о веб-разработке, программировании и не только.
t.me/httpresponse418
115 posts

Webstorm, как исключить из поиска папки

На новом проекте WS активно искал по файлам, которые относятся к результатам билда nx-репозитория. Искал как решить, поэтому зафиксирую здесь. Чтобы отключить поиск по файлам, которые Git игнорирует (например, в директории node_modules или dist), нужно настроить WebStorm, чтобы он не индексировал эти директории как часть проекта, а не отключать сам .gitignore (он нужен для Git), делая это через Settings/Preferences > Directories, добавив папку как "Excluded" (Исключенная). Это предотвратит их участие в поиске, рефакторинге и других операциях IDE, сохраняя .gitignore для Git. Шаги для исключения папки в WebStorm:

Centi Conf. Frontend Day

Посетил конференцию по разработке на Angular от Centicore. Один поток, шесть докладов. Рассказывали о новом и хорошо забытом старом во фронтенде.

performance() в браузере

Когда речь заходит о производительности веб-приложений, большинство разработчиков вспоминают Lighthouse, Web Vitals и профайлеры в DevTools. Но в современном JavaScript есть ещё один мощный инструмент, который часто недооценивают — Performance API. Это встроенный интерфейс браузера, который позволяет точно измерять время выполнения операций внутри веб-приложения: от загрузки страницы до конкретных участков кода. Он даёт доступ к высокоточным временным меткам (DOMHighResTimeStamp) и системам метрик.

Шпаргалка по Conventional Commits

Система Conventional Commits помогает писать единообразные коммиты, которые легко читать, анализировать и автоматически использовать в релизах.

Перенос файлов между ветками git

Иногда в Git нужно не переключаться полностью на другую ветку, а забрать из неё один или несколько конкретных файлов. Это существенно упрощает работу, особенно если нужно подтянуть изменения коллеги, а они разбиты по нескольким коммитам. Git позволяет сделать это в одну команду — git checkout (в новых версиях — git restore).

Signal forms в Angular

Angular продолжает движение в сторону чистой реактивности без RxJS, и сигналы стали первым большим шагом. Теперь к ним добавились сигнальные формы — экспериментальный API, появившийся в Angular 21.

WeakMap

WeakMap — это структура, которая не удерживает объект от удаления GC.

RxJS share() в Angular

Многие Observable в RxJS являются холодными. Это означает, что при каждой подписке создаётся новый поток, заново выполняются все операторы и возможные побочные эффекты — например, HTTP-запросы, таймеры, логирование и т.д.

Запуск Chrome в режиме бeз CORS

Во время локальной разработки часто возникает необходимость тестирования API-запросов к другим доменам. Браузер блокирует такие запросы из-за политики CORS, что затрудняет отладку. Для упрощения тестирования можно запустить Chrome в режиме без проверки CORS.

REST vs GraphQL

В мире веб-разработки REST и GraphQL являются двумя наиболее популярными подходами к организации взаимодействия между клиентом и сервером. Несмотря на то, что оба подхода решают схожие задачи — передача данных через API — у них есть ключевые различия, которые могут повлиять на выбор в зависимости от потребностей проекта.