Доброе утречко понедельника! Всю эту незабываемую (или нет) неделю с вами проведу я, @ShibaCodes

Как вы понимаете, в область моих интересов входят как шибы, так и программирование, а сама я — невероятно разносторонняя личность

Давайте я для начала представлюсь, да? Да.

Меня зовут Лена Рашкован, я фронтенд-разработчица в Авиасейлс.

Авиасейлс, поиск дешевых авиабилетов!

До Сала я поработала в МегаФоне специалистом по информационной безопасности и фронтом в Контуре и Яндексе.

Самые охуительные истории у меня, конечно, из МегаФона. Есть securityunderhood какой-нибудь? Позовите меня

Кстати, если у вас вдруг проблемы с иронией, эта неделя будет сложной(

Для вас

Охуительных историй из МегаФона не будет (мне сыкотно), но будут охуительные советы от бывшей безопасницы.

Логируйте только обезличенные данные пользователей. Если их можно будет идентифицировать — можно словить знатных пиздюлей

Валидируйте 👏 пользовательский 👏 ввод

Не отправляйте личные фотки через корпоративную сеть, а особенно с рабочей почты.

Где-то в далеком уральском горо… twitter.com/i/web/status/1…

Есть у меня еще не совет, а, скорее, когнитивное искажение. Для меня спор, что использовать для констант — let или… twitter.com/i/web/status/1…

Вот программа загружена в память, и злые хакеры хотят переопределить переменную, положив в нее что-то свое, поменяв… twitter.com/i/web/status/1…

Имеет ли это отношение к жс — хуй знает, но я так ломала программы на С (в учебных целях, естественно, товарищ майор, спокойно)

Вообще общего у спеца по ИБ и программиста (любого) — техническое образование.

4 курса универа — всевозможная математика, алгоритмы, программирование, сетевые технологии. И только пятый у нас ве… twitter.com/i/web/status/1…

Хотя нет, там была еще криптография, криптография заебись

На всякий случай уточняю

Я не смогла стать хорошим спецом по ИБ просто потому, что мне было неинтересно. Классно было проводить аудиты безоп… twitter.com/i/web/status/1…

Occasional дикпик, конечно, вносил разнообразие в серые будни, но в среднем через меня проходило такое количество и… twitter.com/i/web/status/1…

При таких вводных усваивать новую информацию, чтобы сменить профессию, было, мягко говоря, затруднительно

Так что я съездила в отпуск, накопила сил, вернулась и положила заявление на стол

Как раз в это время начинался очередной интенсив по продвинутой верстке от @htmlacademy_ru. Все места на тот момент… twitter.com/i/web/status/1…

Интенсив, кстати, стоил треть моей месячной зп на тот момент, но я была настроена решительно

План был такой: в процессе обучения понять, моя это тема или нет. На успех намекал тот факт, что в универе любимым… twitter.com/i/web/status/1…

Правда, другим моим любимым проектом было написание криптоалгоритма на ассемблере, но где это можно применить, кром… twitter.com/i/web/status/1…

Кстати, не рекомендую идти на продвинутый интенсив, минуя базовый. Я смогла это вытянуть только потому, что на тот… twitter.com/i/web/status/1…

Когда не шаришь в чем-то, как я на тот момент, самым логичным выглядит пойти за знаниями к тем, кто ими обладает и может хорошо научить

Все еще хожу за знаниями к хорошим спецам и плачу за это деньги, так быстрее и эффективнее всего. В этом году прохо… twitter.com/i/web/status/1…

Интенсив длился месяц, и это был месяц ада, но мне невероятно понравилось! Верстка — все еще одна из любимых частей моей работы.

Итак, я защищаю дипломный проект, у меня есть серт об окончании курса и дикое желание развиваться в вебе дальше. В… twitter.com/i/web/status/1…

Меня распирает ЧСВ. Ведь это знак судьбы, да?))

Рекрутер Гугла нашел у меня на гитхабе какую-то учебную поебень на С и звал на собес на позицию, хаха, security eng… twitter.com/i/web/status/1…

Рекрутеру Яндекса меня порекомендовал бывший однокурсник, который решил мне помочь на новом пути джедая. Я сходила… twitter.com/i/web/status/1…

Лирическое отступление: когда я жила в Екатеринбурге, там было два крупных работодателя — Яндекс и Контур. С Яндекс… twitter.com/i/web/status/1…

Сейчас, когда я старая и занятая, я тестовые не жалую, но на тот момент это был win-win: не пройду отбор, так научусь чему-нибудь!

Тестовое — калькулятор матриц — я делала 2 недели, оно все еще лежит на моем гитхабе и по большей части мне нравитс… twitter.com/i/web/status/1…

Первую неделю я вспоминала, как умножать матрицы, училась верстать кнопки с уголком и, конечно же, познавала js.

Вторую неделю я выполняла одно из требований — приложение должно корректно работать и отображаться в IE8. Это был… twitter.com/i/web/status/1…

Тут я поняла, что моя будущая работа не всегда будет приятной, а еще узнала слово полифил

Мое тестовое удовлетворило ребят из Контура, и пройдя небольшой собес, я стала новоиспеченным фронтом. Моей радости… twitter.com/i/web/status/1…

Я стала частью команды Контур.Фокуса, если кто знает этот сервис, дайте пять

Первой большой задачей было запилить новый сервис на реакте. Я сказала, что не ебу, что такое ваш реакт, отправьте… twitter.com/i/web/status/1…

Контур — классное место, особенно для начала карьеры, я очень рада, что туда попала. Там не боятся давать новичкам… twitter.com/i/web/status/1…

Я уже молчу про то, каким человеком надо быть, чтобы в наше время идти работать в ФСБ

Доброе утречко вторника! Сегодня в @aviasales весь день hiring event, так что тредов от меня не ждите, но есть одна… twitter.com/i/web/status/1…

Часто кандидаты жалуются, что в их компании проблемы с процессами, но мало кто может объяснить, что конкретно не так.

Что для вас хорошо выстроенный процесс, а что — не очень?

Пример:
Я часто залезаю в код поиска, он вне моей зоны ответственности. Мы с командой серпа настроили процесс кросскомандного ревью.

Я добавляю метку к своей задаче в джире и переношу ее в Need Review. Копия задачи попадает к серпу на доску. В огов… twitter.com/i/web/status/1…

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

Мне после гигантского Яндекса было непривычно, когда я спрашивала, куда я могу обратиться с таким-то вопросом, а мн… twitter.com/i/web/status/1…

Кстати, девочки, если очередной мужик назовет вас деткой в интернете, я даю вам лицензию откусить ему ебало

Больше всего мне интересно послушать про хорошие примеры процесса межкомандной коммуникации в распределенных компан… twitter.com/i/web/status/1…

Когда я вышла в Авиасейлс, я была первым фронтом не на Пхукете. Разница во времени с Пхукетом 4 часа, так что пол-р… twitter.com/i/web/status/1…

Знаю, что коммуникация должна быть по возможности асинхронной и в текстовом формате, а если общение ведется голосом… twitter.com/i/web/status/1…

В распределенных командах процесс онбординга — удаленный. Не скажу, что мне было просто, но очень помогло то, что б… twitter.com/i/web/status/1…

Если где-то затык, что-то мешает выполнять свою работу эффективно, это повод для обсуждения, а не для бомбления в с… twitter.com/i/web/status/1…

Это упростит жизнь техписам, которые будут документировать фичу по окончании разработки, это упростит жизнь тестиро… twitter.com/i/web/status/1…

И кстати для контекста — не у каждого инструмента есть мануалы и документация, и, если вы помните, у Реакта она был… twitter.com/i/web/status/1…

Хорошая документация расскажет вам о best practices и выдаст quick start guide. А если всего этого нет, то тут и не-новичку будет тяжко

В Контуре у нас тоже была большая продуктовая команда и ежедневные летучки на овер-сорок минут, причем СТОЯ. Моя бабкина спина выла

Нас читают новички, так что

1) Нормально, если вы не можете разобраться в незнакомой технологии в одиночку
2) Норм… twitter.com/i/web/status/1…

Надеюсь, вам повезет с командой так же, как повезло некоторым здесь, что они теперь считают, что стали квалифициров… twitter.com/i/web/status/1…

Как вы сами оцениваете ваш текущий уровень?

Ого, рекрутеры, внимание

@PanCudzoziemiec @jsunderhood Отличное комьюнити у Ильи Климова. И он тоже всегда всем отвечает, корректирует ребят… twitter.com/i/web/status/1…

А как ваш уровень оценивает работодатель?

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

Краткое содержание предыдущих серий: бросила карьеру в безопасности ради фронтенда, научилась верстать, зафейлила и… twitter.com/i/web/status/1…

Я проработала в Контуре полтора года.

За это время силами классных людей там выросло внутреннее коммьюнити фронтов… twitter.com/i/web/status/1…

Зачем идти в Яндекс?

На начальном этапе карьеры — за возможностями для развития, разнообразием задач, за духом ста… twitter.com/i/web/status/1…

(кстати, если вы будете хамить и разводить срач — я вас замьючу, и выбирайтесь оттуда потом как хотите, мне надоело)

Процесс найма в Я максимально бездушный: техсобес по скайпу + офлайн собес из четырех часовых секций (алгоритмы на… twitter.com/i/web/status/1…

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

Из плюсов — маловероятно, что вы вспотеете от любого другого собеса в вашей жизни, разве что в Гугл какой-нибудь, н… twitter.com/i/web/status/1…

По итогам пятисот собесов меня позвали в Погоду и спецпроекты.

В Погоде были классные задачи, но древний жс и ни о… twitter.com/i/web/status/1…

В спецпроектах этих проблем не было: свежий стек, гендерный баланс, а еще часть проектов была образовательными, а образование я люблю :3

В службе спецпроектов было много проектов в разработке и на поддержке: были постоянно закрепленные за ними люди, но… twitter.com/i/web/status/1…

Короче, к проектам в такой схеме лучше не привязываться)

Сейчас расскажу, что делают в Яндексе стажеры и младшие разработчики, пусть и под контролем опытного лида.

ВСЕ

ОНИ ДЕЛАЮТ ВСЕ

Пишут клиентский код, пишут сервер на ноде, продумывают архитектуру, настраивают инфраструктуру, стартуют большие п… twitter.com/i/web/status/1…

Доброе утречко четверга! pic.twitter.com/Ntj0lu1mf6

Сегодня я хочу поделиться, как знания, полученные на конференциях и митапах, помогли мне в работе и послушать ваши истории)

На Питерский HolyJS 2018 приезжал @DavidKPiano и рассказывал про XState и как с помощью стейт-машин можно управлять… twitter.com/i/web/status/1…

Ну или 2019, у меня беды с башкой

(кстати, на слайде есть мат, и зуб даю чуваку никто не сказал, что его это не красит, ну да ладно)

Прелесть стейт-машин в том, что они могут из набора данных вывести нужное состояние

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

Лето в образовании — всегда горячая пора, надо нахерачить фич к новому учебному году

А еще летом сезон поступления в Лицей

У нас была система поступления, написанная из говна и палок. Все в мыле, все занятые. И тут мы решаем, что было бы… twitter.com/i/web/status/1…

Проверено ли его тестовое, можно ли записываться на собес и когда, если он записан — когда и куда ему нужно подойти… twitter.com/i/web/status/1…

Бэкендер занят, так что выводить это состояние нужно было на фронте из набора флажков

И тут в моей голове щелкнуло… twitter.com/i/web/status/1…

Покурила документацию и породила на основе XState прекрасную страничку pic.twitter.com/PvPWWrlXbn

Вот такая саксес-стори. Расскажите теперь и вы мне что-нибудь :)

Ах да, XState прекрасна своей визуализацией.

Вот какая-то версия моего автомата
xstate.js.org/viz/?gist=6948…

Визуализатор помогает задокументировать и оттестировать логику, даже не начиная писать юай

@jsunderhood Ещё с помощью пакета xstate/test можно генерировать тесты по модели. Так же с помощью стейтчартов можн… twitter.com/i/web/status/1…

Доброго вечера пятницы!
Я сегодня не разгибаясь допиливала таски перед отпуском, так что извините, если заскучали.
О чем поговорим?

Ну, поиграли в демократию и хватит

Пусть будет оверинжиниринг. Под этим я понимаю явление, когда реализация идеи настолько излишне сложная, что идею с… twitter.com/i/web/status/1…

Иногда это происходит от желания обобщить раньше времени — код обрастает плохо продуманными абстракциями, и черт зн… twitter.com/i/web/status/1…

Иногда от незнания — можно быть просто не в курсе, что в html есть замечательная связка details+summary, которая де… twitter.com/i/web/status/1…

Иногда, имхо чаще всего, от использования неподходящего под задачу инструмента
(Yes, reduce, I’m looking at you)

Когда на собесе кандидат использует вместо цикла редьюс, понимаю, что сейчас будет весело

Помню, был божественный англоязычный тред, где чувак просил прислать ему примеры кода с редьюсом и переписывал их н… twitter.com/i/web/status/1…

Еще можно «изящно решить задачу одной строкой» (мне кажется, поэтому многие неравнодушны к редьюсу), так, что потом… twitter.com/i/web/status/1…

Часто оверинженеры любят регулярные выражения. Ими тоже можно задачу в одну строку решить, а потом кто-то потратит… twitter.com/i/web/status/1…

Я предпочитаю написать несколько коротких регулярок, проверяющих что-то поочередно, чем одну, внушающую ужас перед… twitter.com/i/web/status/1…

Все написанное выше крайне субъективно, если у вас пригорело, сочувствую) Но рада буду обсудить контрпримеры! Уройте меня

Ах да, я сама-то тоже оверинженерка. Причины обычно две — незнание и усталость.

Мой типичный грех — злоупотребление хуком useEffect. Засовываю туда какое-нибудь вычисление, в которое могло быть и… twitter.com/i/web/status/1…

Щас просто ради интереса прошлась по своим PR и встретила свой грех трижды. @kamyshev_code, спасибо за терпение!) pic.twitter.com/BfjxAr6iJI

Расскажите что ли, чем грешите. Злоупотребляете редьюсом? Делаете лишнее, там где не надо? Любите втащить редакс сл… twitter.com/i/web/status/1…

Доброго субботнего утречка! Эта неделя наконец-то заканчивается, и многие скоро вздохнут с облегчением, и я в том числе.

Последний свой год в Яндексе я занималась созданием и развитием библиотеки компонентов образовательных сервисов, сн… twitter.com/i/web/status/1…

Эта движуха началась из-за того, что ui-либа, которая была тогда, не справлялась с задачами кастомизации. Когда был… twitter.com/i/web/status/1…

Мы внутри себя поресерчили, как такие компоненты лучше писать, эта тема меня очень увлекла, и по итогам я сделала д… twitter.com/i/web/status/1…

Основное требование к компонентам в библиотеке — гибкость и возможность настроить под свой сервис. У сервисов есть… twitter.com/i/web/status/1…

Разработчики общеяндексовой либы решали параллельно те же проблемы, и в итоге мы все стали придерживаться одного по… twitter.com/i/web/status/1…

Эта штука — пушка. Лучше всего она проявляет себя на больших сложных компонентах, но я попробую рассказать, какие п… twitter.com/i/web/status/1…

Раскрывашка умеет открываться и показывать контент и закрываться, скрывая его. Это основа компонента, причина для е… twitter.com/i/web/status/1…

А дальше начинается вариативность: выглядит компонент у всех по-разному. Значит, выделяем внешний вид в отдельный h… twitter.com/i/web/status/1…

На сервисе две темы? Не беда: compose(withThemeOne, withThemeTwo)(base). Модификатор темы «включится», если в собра… twitter.com/i/web/status/1…

Аналогично с логикой. Можно научить раскрывашку залипать при прокрутке: на сервисе она может использоваться, чтобы… twitter.com/i/web/status/1…

Нужно ли это всем потребителям? Нет. Должен ли им приезжать лишний код, а на компоненте висеть лишние обработчики?… twitter.com/i/web/status/1…

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

Сейчас, правда, появились мутанты-дескпады и смешали все карты)
Мы так под конец разработки узнали, что наши компон… twitter.com/i/web/status/1…

Еще одно преимущество такого подхода — легко проводить продуктовые эксперименты, просто заменив нужный кусочек

У всего есть трейдофф, и в данном случае это перформанс. Нужно искать баланс в количестве хоков, но программирование вообще про баланс

Такая пушка, конечно, нужна не всем.

Есть ли другие подходы к проектированию реиспользуемых гибких компонентов? Чуть позже расскажу :)

Наверняка вы видели монолитные компоненты с пропсами на два экрана, которые потом щупальцами рассовывались по его в… twitter.com/i/web/status/1…

А может и нет, я не ваша мама)

Этот паттерн, как и многие хорошие апи, использует инверсию контроля. Наглядный пример — любой перебирающий метод м… twitter.com/i/web/status/1…

Было бы странно, если бы sort пытался покрыть всевозможные сценарии использования. Как насчет отсортировать массив… twitter.com/i/web/status/1…

Тут я технично оставлю ссылочку на статью восхитительного @kentcdodds
kentcdodds.com/blog/inversion…

Этот паттерн можно объяснить как «торчать кишками компонента наружу», давая к ним прямой доступ. Например, так:

<L… twitter.com/i/web/status/1…

Чтобы подчеркнуть, что внутренние компоненты имеют смысл только внутри внешнего, их часто именуют через точку, доба… twitter.com/i/web/status/1…

Эта идея не новая, конечно, это уже сто лет есть в HTML. select+option, details+summary, ul+li, вот это все. Торжес… twitter.com/i/web/status/1…

Рулит внутренним состоянием основной компонент и обогащает своим состоянием детей, например, через контекст. Более… twitter.com/i/web/status/1…

Я очень люблю этот подход, и если его применить к месту, получается прямо супер

У меня как-то была задача сделать компонент координатной плоскости. У плоскости может быть сетка, оси, на ней могут… twitter.com/i/web/status/1…

А может и не быть) Понимаете? Контроль, над тем что будет, — у потребителя. Как-то так:

<CoordinateSystem width={5… twitter.com/i/web/status/1…

Состояние плоскости (текущий масштаб, шкалы по осям, размеры) распространяются через контекст или через дополнитель… twitter.com/i/web/status/1…

У меня даже интерактивчик остался) pic.twitter.com/RjRQUYiP5b

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

Подошью к этому твиту все, о чем успела рассказать.

Надеюсь, вам было интересно или хотя бы весело) Рада была провести с вами эту неделю! Всем спасибо и до встречи