Frontend | Иван Усынин

https://excalidraw.com/

Сервис для рисования в браузере с возможностью совместного редактирования и стилизацией под карандаш

Удобно, если требуется нарисовать какую-нибудь схемку/структуру 👍

#tools@usyninis_dev

👩‍💻 кейс: проект не запускается на локальной машине, ругается на занятость порта (EADDRINUSE..), при этом вроде бы все приложения остановлены..

✅ решение (macos):

определяем PID по порту:
lsof -i tcp:<PORT>

убиваем процесс:
kill -9 <PID>

#workflow@usyninis_dev

У нас в Альфа-Банке проводятся встречи тех-лидов, на которых можно обменяться опытом, обсуждить технические решения или любые прочие front-темы.

На одной из таких встреч поделился техническими решениями разработанными на нашем проекте с коллегами.

Фидбек помог пополнить бэклог полезными задачами 👌

на этой неделе в нам в команду присоединился инженер по нагрузочному тестированию (НТ). Наш проект будет проходить НТ согласно производственному процессу. Это очень важный этап, позволяющий выявить проблемы технических решений до раскатки в прод.

🔜 На своем опыте помню один кейс, когда НТ помогло бы сэкономить кучу нервов и времени: на nodejs один из участков кода добавлял глобальный обработчик событий на каждый запрос пользователя: т.е если 1 пользователь открывал 5 страниц, то добавлялось 5 обработчиков. 1000 пользователей - добавляло 5000 обработчиков.. event loop lag рос многократно. Именно в этот момент на проект пустили рекламный трафик.. и контейнер лопался 😳

Локально и на тестовом стенде естественно это не стреляло, т.к. пользователей там не так много. История закончилась хорошо: несколько дней разбора когда, анализа изменений и баг был устранен. В подарок - бесценный опыт 😎

👨‍💻 кейс: фронтендер часто взаимодействует с бэком/аналитиком по части запросов/ответов от разрабатываемых апишек или сервисов. Например - у нас упал запрос на фронте и бэку для отладки нужен этот запрос через curl.

✅ решение: открываем вкладку network -> выбираем нужный запрос -> контекстное меню -> copy -> copy as cURL

#workflow@usyninis_dev

Задача: проанализировать текущие команды для работы с проектом, унифицировать нейминг команд и добавить недостающие (те, что нужны при определенных сценариях).

Решение: составил табличку as is -> to be в разрезе различных сценариев использования, по ячейкам сразу стало понятно, какие сценарии не покрыты командами. Цветом сразу выделил недостающие команды - осталось дело за малым: реализовать их 😊

#workflow@usyninis_dev

Полезный митап намечается у нас в Альфе: Москва, 21 сентября, офлайн и онлайн.

Подробности тут: https://digital.alfabank.ru/events/frontend-day

Для меня очень интересная тема по внедрению изменений: у нас в банке мы часто с этим сталкиваемся, так как проектов много, а обновляться нужно регулярно. Послушаем )

Hello world 🌎

Channel created