Фидбек по докладам с митапа 😍

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

🔍 Вёрстка 2030: как веб-платформа меняет главную страницу Яндекса - Я люблю такие доклады — по сути, это новостная сводка. Спикер рассказал о новых фичах HTML и CSS. Моё мнение — развитие в некоторых моментах спорное, но следить за этим наш инженерный долг. Ну и поэтому доклад информативный и полезный.

😎 Предзагрузка: моментальный показ контента - Очень похожий доклад был на HolyJS этой весной от Ozon Tech — и это не делает его менее интересным. Круто посмотреть на реализацию от другой компании. Лично мне не совсем зашла проблематика в начале — как будто она слабо связана с остальной частью. Но если её убрать, остаётся отличный доклад про префетчинг через Service Worker.

🥰 Не переписывай — обнови! Как вдохнуть жизнь в легаси - Доклад от народа. Когда спикер рассказывала про проект, его рефакторинг и тестирование — я просто не мог сдержать радости. Уже устал слушать про хайлоад-проекты, а тут — попадание прямо в сердечко. Когда у тебя спрашивают: "А как у вас с автотестами?", а ты отвечаешь: "Пока никак". Доклад чёткий: что делали, как начинали, чем закончили рефакторинг и что осталось сделать. Есть вопросы по реализации, но это не портит впечатление.

👍 Производительность, особенности и лайфхаки в разработке браузерных расширений: опыт Яндекс Выгоды - Если вы делаете расширения — must-watch. Доклад, может, и не для всех, но для "своих" — просто золото. Автор рассказал не просто, как делать расширение, а что ждать при публикации, какие подводные камни бывают, нюансы с подписками на события и т.д. Мне не хватило подробностей по техчасти, но на фоне всей пользы это мелочь.

Началась новая сюжетная арка в нашем сериале 🚬

Вчера вышло пару жёстких постов на тему волков. Всё началось с того, что в одной компании уволили «волка». Как сообщает автор, на это были все основания, всё сделали по закону — просто за подписку не увольняют. Пока разбирались с увольнением, выяснилось, что он состоит в сообществе Назарова — и понеслось.

Во-первых, Антон спалил имя кандидата, что позволило найти все данные о человеке.
Во-вторых, из-за такой бурной реакции Антона запустился механизм охоты на «волков» и возможные попытки бана сообщества.

Человек, которого уволили, теперь, кажется, известен всем hr. Таким образом получилась показательная порка — исключительно из-за самого Антона. Не сделай он эмоциональный пост со слитой перепиской из закрытого чата — всё было бы иначе. Посмотрим, что будет дальше.

Моё ненужное мнение: Антону давно пора было чистить своё сообщество. Пару вшивых «волков» заразили всю стаю. Много людей используют мысли Антона о счастье, как короткую тропинку к успеху и деньгам. А теперь представьте если человек еще и реально был уволен по закону, а Антон его защищает 🤔

Фотография любой айти компании в цвете, лето 2025 года ☎️

Корпораты, вы проиграете, вам больше не сойдут с рук специальные увольнения сотрудников через увеличения kpi. Вы больше не подкупите меня обедом за 800 рублей. Мы сломаем ваши фильтры и вы наконец-то дадите всем джунам работу.
Мы перестроим бизнес и больше не надо будет идти по головам ради повышения, жалкие большие бигтехи, бегите. Больше не надо будет рвать пятую точку, а можно будет просто получать 300 тыс. в наносекунду.

Я не моб, я не люблю яндекс, я люблю бананы 🚽

Продолжение сериала, Антон ответил 🏋️

На данный момент, Антон утверждает, что человека силами СБ заставявили подписать документы и на самом деле действительно уволили человека за подписку на незапрещённое сообщество. Что человек на самом деле перформил лучше всех и даже его хотели повышать, Для меня понятно, почему Антон например не извинился за слив имени человека и скрытую переписку, он считает, что абсолютно прав в ситуации, что справедливость и победа, была и будет на его стороне

Теперь мне интересно, как ответить компания rutube и сам Максим, ведь тема стала публичной по вине Антона, но компании теперь придется ответить. Самое главное, не слушайте с обеих сторон обвивания по типу: он "накрутчик волк" или это гос. деньги. Нам интересно другое, реально ли человека уволили за подписку на сообщество, реально ли человек перформил лучше всех и вообще его заставили подписать документы.

Все остальное не важно и не имеет смысла в обсуждении, компания могла быть любой, сообщество могло быть другим. Ждем продолжения истории 😵‍💫

p.s. Хотел бы также высказать свое мнение про доносы, это довольно странная тема и таким образом вы можете подставить людей, как и произошло с Максимом. Также Антон и Глеб поступают уже на эмоциях. Антон слил переписку и подставил кучу людей, а Глеб последнее время супер сильно и прямо выливает хейт.

Одна из моих целей на год была — это больше видео с контентом 🍜 Сразу хочу сказать огромное спасибо моему монтажеру, если вам нужны услуги монтажа, то я крайне рекомендую молодого специалиста, пишите в direct поделюсь контактами. На данный момент за лето вышло три ролика:

1. typescript стал в 10 раз быстрее и вот почему это хорошо — ссылка
2. react 20 адекватное обновление, уже в лаборатории — ссылка
3. вы слишком хорошо думаете о zustand — ссылка

и еще три ролика уже лежат в отложке:

1. мне кажется нам надо поговорить про useState hook — ссылка
2. 6 лет в it. что я понял? выводы и мысли. от студента до техлида — ссылка
3. выйдет уже в эту пятницу

Постараемся сохранить данную тенденцию, далее у нас ролик про shadcnui, state of js, ui киты. Огромное спасибо за поддержку и ваши комментарии.

Ребята, пул поговорок специально для вас 🥰

Волка накрутка кормит
Волков бояться - на собес не ходить
Как волка ни корми, все в айти глядит
И волки сыты, и задачи целы
Волк и в айти компании не укроется
Волк волка не сольет
С волками быть — по-волчьи собесы проходить.
Сытый волк смирнее завистливого джуна
Бежал от волка, а попал на собес

Мой медийный коллега задумал полезную авантюру 🤩

Он запустить серию добрых дел, суть собрать деньги и помочь нуждаемся. Помогать ребята будут напрямую. Плюс вы получите контент, Александр все будет снимать для истории сообщества. Если хотите можете поддержать проект 🏆

IT-Хозява, вперёд! Поддержать донатом

Пару мыслей, уже в субботу будет прогон моего доклада для moscowjs, ждите контент. Далее, компании побыстрее забаньте уже сообщество "ом" и начните банить сообщества +18 телеграм ботов 🍿

Также актуализировал issues для reactuse, даже добавил на некоторые таски label "good first issue". Постараюсь описать contribute гайд на этой неделе, также ждите новые гайды для junior 😂

Техлид за работой, решаем вопрос декомпозиции модуля в приложении, позже сделаю пост с примерами кода, как одно и тоже в react можно решить пятью способами. Я архитектор картинок, обращайтесь 🏝

Анимешники на месте, "новый" react фреймворк вышел 👹

Мой хороший коллега поделился интересной находкой. На самом деле обрезанный next, но сам факт, что появился фреймворк, который также использует server компоненты радует, будем посмотреть.

Есть люди, которые считают fetch удобным 😵‍💫

Ребята, fetch имеет самое худшее апи по уровню dx на рынке, это доказывается количеством библиотек, которые его оборачивают. Также я не понимаю хейта в сторону axios, он весит больше чем аналоги, но он и дает больше, а еще вы правда боретесь за 20 кб ? Кто бы, что не говорил, но у axios самое удобное апи и многие библиотеки вдохновлялись именно им. Я уже в чатах писал, как разработчик хочу получить просто вот такой код:

const response = await isntance.get<Response>()

Многие библиотеки действительно дают более гибкий контроль над запросами, но суть в том, что в 99.9% случаях мы работаем просто с json. Я очень ленивый, поэтому создал свою обертку на fetch с таким же апи, как у axios. А вообще у нас в комьюнити с выбором технологий очень большая проблема, вот вы бы взяли библиотеку в 2025 году без тестов, без typescript ? А вот 400.000 берут ее каждую неделю.

Самое близкое к axios по уровню удобства я бы отметил ребят из unjs с ofetch, а вообще забавно, что есть защитники нативного fetch и что действительно есть люди, которые говорят, что им удобно пользоваться ❌

Как и обещал, время поговорить 📞

Во время реализации на работе мы часто обсуждаем разные варианты решений. Сегодня расскажу про одну из таких ситуаций. Кейс следующий: есть страница с флоу из двух шагов. Первый шаг — форма, второй — список, который можно изменять. Во время прохождения этих шагов нужно хранить данные, которые в конце мы отправим на бэк. Ситуация рядовая, но с командой мы насчитали минимум пять способов, как это можно реализовать.

1. Props drilling — самый базовый React-подход, ему больше лет, чем я занимаюсь IT. Всё просто: объявляем в родительском компоненте всё необходимое и передаём в дочерние. Подход крайне плохо масштабируется, да и структуры в нём немного. Я бы назвал его так: «мы хотим, чтобы это просто работало».

2. Context — следующий эволюционный шаг: выносим всё в контекст, делаем для каждого шага инкапсулированный компонент и описываем в нём уже свою логику. Получается оркестратор, который даёт данные и методы, а шаги живут сами по себе и пользуются ими. Не буду скрывать — я фанат этого подхода: структура становится чёткой, разделение по моделям — аккуратным. Конечно, появляется стандартный для React бойлерплейт, но кейс простой, и контекст здесь выглядит чисто и уместно.

3. Внешний store — по сути, то же, что и контекст, только с использованием сторов напрямую. Это позволяет полностью отделить шаги друг от друга. Единственная задача — синхронизировать стор (например, не забыть его сбросить). Обычно в React мы об этом не думаем, ведь за нас это делает фреймворк. Здесь же мы берём ответственность на себя, но получаем меньше бойлерплейта и простую работу с данными.

4. Activity — прежде чем объяснить метод, расскажу, как он решал проблему. У нас часть данных нужна только на втором шаге, но пользователь может переходить между шагами. Стандартный вариант — вынести эти данные выше по дереву и подставлять их при монтировании шага. Activity-подход позволяет спрятать компонент, не размонтируя его, сохраняя данные. Проблема в том, что пришлось бы реализовывать кастомную activity-логику, а это чревато кучей сложностей: визуально скрыть компонент можно, но приоритет ререндеров или эффекты мы отключить не сможем. Да и в React пока нет полноценного API для этого (и неизвестно, появится ли).

5. Двойной стейт — вариант, когда есть внешний и внутренний стейт. Такой трюк часто делают в UI-китах, чтобы позволить компоненту работать и самостоятельно и явно через props. В нашем случае шаги могли бы принимать дефолтные значения, работать внутри со своим стейтом, а при переходах вперёд и назад — синхронизироваться с внешним.

6. Web Storage — мы даже рассматривали вариант просто сохранять данные второго шага в localStorage или sessionStorage. Но это противоречит самой идее стораджей: они нужны для персиста между сессиями, а не между шагами в одном флоу. Тем не менее, технически это тоже рабочий вариант.

Мораль всей басни 🥄: вариантов, как решать задачу, всегда много. Главное — чтобы решение было согласовано внутри команды и органично вписывалось в рамки проекта. У каждого может быть своё мнение: для меня, например, первый пункт в наше время — уже дикость, а в этом конкретном кейсе я полностью за контекст. При этом подходы вовсе не обязаны быть взаимоисключающими — их можно комбинировать, а в большом проекте вполне могут сосуществовать сразу все из перечисленных. Ключевое — не искать «единственно правильный» способ, а выбрать тот набор инструментов, который лучше всего подходит вашей команде и продукту.

p.s. примеры реализаций 😉

Любить и вкладывать в свою компанию и команду — это благо ☎️

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

Колектив — если бы не было сильных специалистов рядом, которые заставляли бы меня и дальше развиваться, не было бы ребят, с которыми мы можем неформально общаться на любые темы, то я бы давно ушел

Компания — пока компания, дает мне повод развиваться, дает разные проекты и задачи, то я не вижу смысла, что-то менять. Я делаю кучу проектов, мы развиваем сообщество, делаем образовательные программы, а самое главное мы играем в cs2, обеды по 800 рублей

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

Спасибо моей команде и компании, мне очень повезло, но кто ищет тот всегда найдет, будьте добры к другим людям, растите и становитесь крутыми спецами. А все это кстати подводка, что у меня компания делает самый топ турнир по cs2 🤟 11 avgуста

Сегодня знаменательный день, я хочу получить от вас максимальную отдачу, слушайте внимательно, 300 бананов на пост 🛀

🍿 АНОНС СТРИМА 13 августа в 15:00 по мск

youtube — twitch — vk

Сериал в середине сезона закидывает нам удочку 🥸

Антон опять сливает переписку, в ней мы можем увидеть, как Максим непрофессионально общается с уволеным человеком, а после еще и редактирует сообщение. Это все. Ну Антон еще добавляет масла в огонь, говоря: "Как же наверное неудобно щас чувствуют себя публично поддержавшие Максима. Че ребят, как вам диалог?"

Ну и это обычный трюк из сериалов, знаете когда ничего не произошло, но все об этом говорят. Почему эта переписка не двигает сюжет к развяке. Во-первых, мы видим не всю переписку и можем только строить теории, красивое ли сообщение, конечно нет, доказывают оно чью-то вину, тоже нет. Если сливать, то сливать весь контекст. Но Антон умеет манипулировать аудиторий и знает, как такая штука повлияет на сообщество. Во-вторых, данная переписка не подтверждает информацию ранее по поводу СБ и камеры пыток с подписанием. Угрозы в сообщении были, контекст или нет, они есть.

Антон поднял вопрос медийно, пока официальных ответов нет, судебных дел не против Максима или Антона тоже нет. Будет ли в конце договорничок или судебное дело, ждем развязки и посмотрим, как авторы склеют всю картинку 👍

Сериал выпустил пару дополнительных материалов 📱

🐺 Антон сходил на какой-то подкаст и там по факту пересказал историю, причём в слово в слово из постов. Самое интересное — есть слух о подаче заявления на Максима.

🌟 Максим же выложил вчера интересный пост, в котором явно показывает, как в реальности работает накрутка. Человек просто накрутил вымышленный опыт, не работая в компании. А также рассказал о подмене фио, для попытки попасть в компанию, все данные кейсы ведут к "волкам".

Авторы сериала, видимо, хотят, чтобы зрители к концу истории начали выбирать между сторонами. Это добавляет драматизма, но также поднимает важный вопрос: насколько мы готовы смотреть на события с точки зрения одной из сторон, а не пытаться разобраться в правде?

🍿 АНОНС СТРИМА 16 августа в 15:00 по мск

youtube — twitch — vk