Методы борьбы с legacy-кодом на примере GitLab / Илья Климов (GitLab)

Приглашаем на 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, собственная дизайн-система на этапе разработки
и многое-многое другое.
Причина?
...
--------
Нашли ошибку в видео? Пишите нам на [e-mail]

[@isfland]

Очень круто, что докладчик не стесняется рассказывать про проблемы на работе честно и открыто, это подкупает. Респект таким как Илья Климов 💪

[@VitaLikisgoodman]

люблю смотреть выступления Ильи, всегда живо и интересно, спасибо

[@darexsu9487]

докладчик так круто рассказывает, что затянуло досмотреть, хоть это и не мое направление :)

[@isfland]

Новая дизайн-система gitlab называется Pajamas потому что в процессе проектирования и реализации возникает столько проблем и бессонных ночей, что единственное о чем мечтают разработчики и дизайнеры это восьмичасовой сон в мягкой пижаме

[@skv1991]

Очень здорово, спасибо, классный спикер!

[@LonliLokli]

Доклад, как и докладчик, well done.

[@elenamazyrina7158]

Теперь всегда обращаю внимание на спиннер в гитлабе😊

[@isfland]

На слайде про абстракции ожидал месседжа что не стоит городить абстракции без необходимости. Что AHA > DRY. В итоге прозвучало что нужно нагородить ещё абстракций поверх существующих абстракций.

[@JohnDoe-lw7yb]

Что они навешали во Vue для такого трындеца? Я много извращений делал, но так не выходило; возьмите на работу - хочу научиться :)

[@mdjak23]

"Говно надо концентрировать" истино так.

[@ilyakozel5472]

как это у тебя в css нет !important научи пожалуйста

[@user-dv8co2zg9f]

Почитайте про приоритеты селекторов. Вообще длинные селекторы тоже плохо (почитайте про то, как браузер парсит css селекторы), так что не мешало бы освоить BEM.

[@isfland]

@@user-dv8co2zg9f советовать BEM в 2020 сродни совету поддерживать IE5

[@jacklondon5840]

@@isfland за бэм и двор

[@isfland]

Старый Завет - waterfall Новый Завет - agile

[@maksimemelianchenko]

Понятие "Рефакторинг" применяется в докладе некорректно, если правильно понимаю эту дисциплину. То, о чем говорит Илья - это, скорее, переписывание кодовой базы с вытекающими side effect'ами. Но доклад понравился. :)

[@isfland]

Слайд с DANGER Отключается электропитание 🌚

[@oleksiizaprii9334]

Жесть. У нас все один в один на проекте

[@doomer_haskell]

Я конечно зануда, но «Переписывал тесты, чтобы проверять чтобы проверять что там рендерится спиннеры с конкретным пропсом». Не делайте так, в следующий раз когда будете рефакторить и менять название пропсов и компонентов - опять будете тесты переписывать. Пропсы это точно такая же деталь реализации как и названия классов. Делайте data-testid и проверяйте что вы отрисовали конкретный элемент.

[@user-gs7ro3tl9t]

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

[@johnsnow6041]

Сумасшедший фанатик