Методы борьбы с legacy-кодом на примере GitLab / Илья Климов (GitLab)
HTML-код
- Опубликовано: 3 окт 2024
- Приглашаем на FrontendConf 2024, которая пройдет 30 сентября и 1 октября 2024 в Москве.
Программа, подробности и билеты по ссылке: frontendconf.r...
________
При поддержке AvitoTech мы впервые публикуем все видео с FrontendConf 2019 в открытый доступ. Учитесь, вдохновляйтесь и перенимайте лучшие практики у спикеров, не выходя из дома.
--------
FrontendConf 2019
Тезисы и презентация:
frontendconf.r...
Знакомьтесь: GitLab. Превосходная система для организации полного DevOps-цикла и настоящий кошмар для frontend-программиста. В 2019 году у нас есть:
AJAX-запросы, которые в ответ присылают jquery-код, который надо eval'ить;
адский микс из JQuery, Vue, VueX, Apollo, SPA- и не-SPA-подходов;
Karma, Jest, RSpec + Capybara;
CSS, SCSS, собственная дизайн-система на этапе разработки
и многое-многое другое.
Причина?
...
--------
Нашли ошибку в видео? Пишите нам на support@ontico.ru
Очень круто, что докладчик не стесняется рассказывать про проблемы на работе честно и открыто, это подкупает.
Респект таким как Илья Климов 💪
люблю смотреть выступления Ильи, всегда живо и интересно, спасибо
Очень здорово, спасибо, классный спикер!
Новая дизайн-система gitlab называется Pajamas потому что в процессе проектирования и реализации возникает столько проблем и бессонных ночей, что единственное о чем мечтают разработчики и дизайнеры это восьмичасовой сон в мягкой пижаме
докладчик так круто рассказывает, что затянуло досмотреть, хоть это и не мое направление :)
Доклад, как и докладчик, well done.
Теперь всегда обращаю внимание на спиннер в гитлабе😊
На слайде про абстракции ожидал месседжа что не стоит городить абстракции без необходимости. Что AHA > DRY.
В итоге прозвучало что нужно нагородить ещё абстракций поверх существующих абстракций.
Что они навешали во Vue для такого трындеца?
Я много извращений делал, но так не выходило; возьмите на работу - хочу научиться :)
"Говно надо концентрировать" истино так.
как это у тебя в css нет !important научи пожалуйста
Почитайте про приоритеты селекторов. Вообще длинные селекторы тоже плохо (почитайте про то, как браузер парсит css селекторы), так что не мешало бы освоить BEM.
@@РачилаАлександр советовать BEM в 2020 сродни совету поддерживать IE5
@@isfland за бэм и двор
Слайд с DANGER
Отключается электропитание
🌚
Старый Завет - waterfall
Новый Завет - agile
Понятие "Рефакторинг" применяется в докладе некорректно, если правильно понимаю эту дисциплину. То, о чем говорит Илья - это, скорее, переписывание кодовой базы с вытекающими side effect'ами. Но доклад понравился. :)
Жесть. У нас все один в один на проекте
Сумасшедший фанатик
Я конечно зануда, но «Переписывал тесты, чтобы проверять чтобы проверять что там рендерится спиннеры с конкретным пропсом».
Не делайте так, в следующий раз когда будете рефакторить и менять название пропсов и компонентов - опять будете тесты переписывать. Пропсы это точно такая же деталь реализации как и названия классов.
Делайте data-testid и проверяйте что вы отрисовали конкретный элемент.
Не соглашусь.
Пропсы - это публичный интерфейс взаимодействия компонентов, это контракт. Поэтому, если контракт меняется - меняются и тесты и взаимодействие через этот публичный контракт.