Девушки, с 8 марта 🌷 Пусть в жизни всё получается, планы исполняются, а рядом всегда будут люди, которые поддерживают и вдохновляют. А от меня небольшой виртуальный букет — тюльпаны, выращенные на чистом CSS: https://codepen.io/cherkalexander/pen...

Пока ремонт особо не напрягает, появилось время вернуться к рутине. Начал смотреть стримы про вайбкодинг в Guide DAO, где сейчас прохожу обучение. Стримы проходят раз в неделю, где ребята продолжают развивать один и тот же проект — шаг за шагом углуб...

Как-то я немного забегался: «Я 💛 Фронтенд» прошёл уже две недели назад, а я только сейчас нашёл время сесть и подвести итоги 🙂 Это уже третий раз, когда я был на конференции в офлайне, и — что символично — третья новая локация. В Москве я обычно е...

Мы тут недавно в компании разбирались, как мы используем ИИ и где ещё можно его интегрировать. В процессе разговор зашёл о код-ревью.Мы используем self-hosted Gitea, а это значит, что никакого встроенного ИИ-код-ревью у нас, увы, нет. Поэтому вчера ...

Самой большой проблемой при миграции с 🇯🇵Notion на 💎 Obsidian были базы данных В Obsidian попросту не было их полной альтернативы, поэтому пришлось пере-придумать свой подход к ведению проектов с помощью плагинов dataview и tasks. Суть обоих пла...

Выходные закончились, а отдохнуть, как всегда, не получилось. Работать не хочется… но надо 😅. Принёс вам альбом с музыкой под стать понедельнику — с говорящим названием Заебудни. Тут даже объяснять ничего не нужно. Каждая песня — бриллиант 💎. Мои...

Как научить машину понимать смысл слов Я думаю все вы слышали про векторные базы данных. В прошлом посте обещал поделиться статьёй про то, как же слова и целые тексты превращаются в вектора. «Привет! Я [0.44, -0.91, 0.66...]» или как научить машину...

За последние пару месяцев видел пару публикаций у знакомых про отказ от соц сетей или их осознанное ограничение. Я любитель поскролить ленту и насытиться лёгким дофамином, так что для меня тема более чем актуальная, поэтому я начал пользоваться One S...

🎭 Про маски У нас наметился очередной редизайн, и снова всплыла проблема, с которой мы живём уже очень долго — зоопарк иконок. Если кратко: мы не можем инлайнить SVG или использовать что-нибудь вроде Font Awesome, потому что у пользователя должна ...

Недавно нашу компанию объединили с другой, которая также разрабатывает no-code платформу. И сейчас мы знакомимся с новой командой разработки и активно обмениваемся знаниями. Так как наши продукты похожи, интересно посмотреть как у них всё реализовано...

🎉 Приглашение получено! Это будет уже третий «Я 💛 Фронтенд», на который я отправлюсь. Я вообще люблю ездить на конференции, организованные Яндексом — будь то «Я 💛 Фронтенд», Субботник или «Ночь в Музее». Там всегда отличная атмосфера, классные д...

jQuery 4️⃣.0️⃣ Мы всё проспали, вчера вышел JQuery 4.0. Предыдущий релиз был 9 июня 2016 года. А говорят он умер, может ещё и реакт переживёт 😅. У нас вот, к сожалению, полно легаси на JQuery... https://blog.jquery.com/2026/01/17/jquery-4-0-0/ Д...

📱 Настройка синхронизации Obsidian на iPhone После переезда с Notion на Obsidian главной болью (не считая баз данных) оказалось отсутствие нормальной синхронизации с iPhone.На праздниках наконец решил это исправить. Интеграция с Git у меня уже был...

Лет 6 назад мы начали мигрировать на React и для быстрого старта взяли CRA. С тех пор много воды утекло и этой осенью я и ещё один коллега начали искать альтернативы CRA. Естественно, времени на это никто не выделял, поэтому нужно было отделаться "м...

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

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

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

Я думаю вы слышали об исследованиях, в которых выясняется, что ИИ на самом деле может не ускорять, а замедлять разработку? Но, как обычно, все концентрируются на времени, забывая, что у нас не только времени, но и ума не хватает.  Иногда я работаю и...

Конференции это не (только) про доклады Раньше я ездил на конференции, чтобы слушать доклады. Но, конференции это не только доклады, это живое общение с множеством единомышленников, которые могут поделиться своим опытом. Когда я был на "Я 💛 Фронт...

Необычный способ трудоустройства По-моему я читал о чём-то подобном в книге Сомнеза "Путь программиста", но сегодня хотел бы рассказать про случай, который произошел совершенно случайно. Несколько лет назад я написал статью Интегрируем Яндекс Музы...

Помните, как говорил Матроскин "Средства у нас есть. У нас ума не хватает". Этот год выдался очень тяжелым: я наконец-то получил права и сел за рульстал тимлидом и нагрузка резко возросла5 месяцев учился в стратопланеначинается подготовка к ремонту...

Впереди выходные — отличная возможность вспомнить, что жизнь не только про “саночки возить”, но и про то, чтобы "покататься". Не будьте как утка. Отдохните по-человечески. Насладитесь результатами того, что уже сделали — вы это точно заработали. Ра...

💸 Валютная удалёнка в 2025 Думаю, всем понятно, почему многие разработчики, находясь в России, работали на зарубежные компании: платят больше, чем в России, а цены ниже, чем за рубежом. Всё, что для этого нужно было сделать, — открыть ИП, выбрать ...

🚀 Лидерство в команде В прошлом месяце закончился последний модуль обучения в Стратоплане. После него я наконец смог немного выдохнуть — год выдался насыщенным. Но сегодня не об этом. Этот модуль был посвящён лидерству в команде. 🧭 Теории лидерст...

Когда работаешь в международной компании — есть один огромный плюс: в каждой стране свои национальные праздники. Коллеги из Индии всю неделю отмечают Дивали — праздник победы добра над злом. А это значит, что никаких: давай быстро созвонимся на 5 м...

Мне кажется, за время работы, я достаточно насмотрелся на говнокод ||(да и сам его написал не мало, чего уж там 😅)||. И когда общаешься с авторами такого кода, их позиция такова: "Ну код же рабочий?! Ну да, я пишу вот так, а ты — по-другому. Мы не о...

Я всё думал, что же мне не нравится в Obsidian. С тех пор как я перешёл из Notion, постоянно было ощущение, что что-то не так. И я понял, что дело просто во внешнем виде: банально нет иконок, непонятно, где файл, а где папка. Пока что установил тем...

Когда мы обновили pnpm с 7-й до 10-й версии, оказалось, что формат файла pnpm.lock изменился — и версии пакетов немного поехали. В итоге на CI начали рандомно падать некоторые асинхронные jest-тесты. Локально же всё работало без проблем. Падали прим...

Игрался вчера с AI тулзами для генерации дизайна: https://uxpilot.ai/ — получаются неплохие дизайны с хорошей детализациейhttps://stitch.withgoogle.com/ — так себе С генерацией лендосов справляются очень неплохо. С UI для no-code плаформ тоже, с U...

Я не менял работу уже 8 лет и недавно решил посмотреть какие сейчас зарплаты предлагают на рынке. Поспрашивал знакомых и вот какие ресурсы мне посоветовали: GetMatchХабр Карьера Может подкините ещё какие-то ресурсы?

Чуть не забыл поделиться шаблоном ведения заметок для 1:1 и примером проведения развивающего 1:1

Вспомните свой последний 1:1 с руководителем. Был ли он для вас полезен? Или ваши 1:1 выглядят скорее как формальность и превращаются в обсуждение статуса задач, во время которых ваш руководитель постоянно переписывается с другими людьми. Или же, в...

✨ Функция attr() в CSS После предыдущего поста про современный CSS, я вспомнил, что несколько месяцев назад применил CSS-функцию attr() в реализации JsonViewer с виртуальной прокруткой. attr() позволяет взять значение любого HTML-атрибута и использ...

Надеюсь, все уже перевернули календарь 🗓️, и теперь снова можно поговорить про AI. Все вокруг только и говорят о том, как они используют AI для разработки, но как интегрировать AI в продукт? Ещё недавно для этого использовался JSON Mode. Для этого...

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

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

Я как-то упустил насколько быстро сейчас развивается CSS. Кажется, что через несколько лет препроцессоры и другие решения будут не особо то и нужны. CSS переменные у нас уже есть давным давноподдержка 95%Вместо БЭМА и CSS модулей сможем использовать...

🧠 Банк памяти Я чувствую, что еле поспеваю за развитием ИИ, но потихоньку втягиваюсь и разбираюсь, как ускорить разработку. Сейчас разбираюсь с мемори бэнк и понял, что ничего нового в этом подходе нет. Приведу простой пример. Допустим, какая-то ...

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

Постановка задач, фидбек и делегирование Второй месяц в Стратоплане был посвящен постановке задач, фидбеку и делегированию. 🏞️ Постановка задач и причем тут картинки В постановке задач самая главная проблема заключается в том, что у исполнителя в...

🔇 Митинги без шума Пару месяцев назад я созванивался с коллегами из индийского офиса — и каждый раз это было похоже не на рабочую встречу, а на трансляцию политических дебатов. На фоне — шум, гул, кто-то спорит, кто-то смеётся. Потом стало заметно...

Месяц назад я баловался с Copilot'ом — хотел собрать карту Курской области с местными достопримечательностями. Конечно, до уровня того же Cline тулинг не дотягивает (а может, я просто не умею им пользоваться, или за последний месяц что-то именилось?)...

Люди которые постоянно что-то делают вообще пробовали лежать? Я вот попробовал, и это прекрасно 😅 В последние пару месяцев дел было вагон и маленькая тележка: Наконец-то отучился на праваИдёт обучение в СтратопланеИ всё это, конечно, в дополнение...

Модуль 1 - Работа с командой - аудит и командообразование (часть 2) Итак, ненадолго вернёмся к моему обучению в Стратоплане. Я коротко упомяну то, что не вместилось в первую часть. 1️⃣ Модель Такмана Это одна из моделей, описанных на основе анализ...

Регулярки в мультиязычных приложениях Сегодня коротко и по делу: в феврале был на «Подлодке», и на докладе про i18n в React-приложениях был хороший пример про валидации форм. Если вам нужно провалидировать имя регуляркой: ❌ /^[a-zа-я]+$/i — не исп...

Модуль 1 - Работа с командой - аудит и командообразование (часть 1) Три недели назад закончилась первая трёхдневка "Модуль 1. Работа с командой - аудит и командообразование" моего обучения в Стартоплане, но забегался и руки написать пост дошли лишь ...

🚧 Почему виртуальный скролл ломается на больших данных Сегодня хочу рассказать вам вот об этой статье How to Implement Virtual Scrolling Beyond the Browser's Limit. Когда мы говорим, что нужно оптимизировать рендеринг большого количества элементов...

📈 Анимации по скролу — Scroll Progress Timelines У меня вообще не очень дела с CSS анимациями, но я наконец-то дочитал статью An Introduction To CSS Scroll-Driven Animations и решил рассказать, что такое Scroll Progress Timelines, и показать свою н...

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

📝 Meeting Notes 1️⃣ СитуацияВы созвонились с продактом, дизайнером, коллегой по команде — о чём-то договорились. Через какое-то время он вас спрашивает: «А почему реализовано вот так?»Вы отвечаете:«Мы с тобой об этом договорились».А он в ответ:«Та...

🎧 Потеря потерь ... Моим наушникам Sennheiser стало совсем плохо. Пару лет назад я перевернулся на электросамокате — сам отделался лёгким испугом, а вот наушники получили множество трещин и переломов. С тех пор держались на честном слове, и вот теп...

🤖 Онбординг ИИ Что происходит, когда в команде появляется новый сотрудник? Правильно — он адаптируется и старается писать код в соответствии с гайдлайнами, принятыми в команде. А помогают ему в этом документация, линтеры и ревью коллег. По сути, И...

У меня есть проблема 😐 И заключается она в том, что я часто не могу насладиться отдыхом в полной мере. Когда я ничего не делаю, я чувствую тихий голосок внутри. Он шепчет, что я теряю время, а мог бы: 📖 прочитать книгу🎓 пройти курс🛠️ начать ре...

🕸️ Я в Сетке Я давно уже думаю, как диверсифицировать телеграмм и вести канал где-то ещё (а то вдруг с Дуровым что случится ...). Я пробовал вести каналы: В Дзен — трафик нулевой, ни показов, ни просмотровНа Хабре — тут получше, но нет удобного с...

🗿 Подводные камни при переходе с ES5 на ES6 Недавно мы с командой, наконец-то перешли с ES5 на ES6. Всё прошло достаточно плавно, нам пришлось исправить всего несколько ошибок в рантайме. Почти все ошибки были в очень старых файлах, где были отклю...

Особенности событий порталов в React ⚛️ Сегодня продолжаем внимательно читать документацию React. На прошлой неделе пофиксили небольшой баг, который возник из-за особенности всплытия событий при работе с порталами. createPortal Метод createPortal ...

Если вы этим пасмурным воскресеньем занялись поиском новой работы, загляните вот сюда — мой земляк запустил телеграм-канал с подборкой классных вакансий. Всё фильтруется нейросетями, так что в ленте только самое-самое. Недавно, также появилась подбо...

⚛️ State is tied to a position in the render tree Помнится в одном из своих пет проектов у меня был баг — при переходе между страницами у меня не пересоздавался zustand стор из-за чего компонент PersonalStatistic использовал стор компонента CodeRevi...

ИИ для прототипирования интерфейсов До недавнего времени я использовал ChatGPT исключительно как помощника для генерации кода — вбросить запрос, получить сниппет, внести правки. Но все вокруг только и говорят об AI-агентах, курсоре, v0 и так я наткн...

Всё достало, увольняюсь …

🔄 Обновляем caniuse-lite Когда стали использовать реакт, мы взяли стандартный create-react-app, в котором использовался browserslist. Конфиг был стандартный. "browserslist": { "production": [ ">0.2%", "not dead", "not op_mi...

🏗️ Как используется паттерн простая фабрика в исходниках хромиума Почти год назад я говорил, что паттерн "простая фабрика" используется в исходниках хромиума, и вот у меня ||появилось желание|| дошли руки написать об этом. Этот паттерн используетс...

Ну знаете ли, это уже не смешно, кто-то точно за мной следит. Сначала думал, совпадение — ну ладно, один раз могло случиться. Но опять номер в отеле в двоичной системе. В прошлый раз был 11101 = 29, в этот раз 1001 = 9. Это как-то связано с тем, чт...

И вот несмотря на утреннюю атаку беспилотников и задержку рейса, несмотря на рамаданские пробки, всего каких-то 23 часа путешествия и мы в Дубае 🎉. Расскажите, куда здесь обязательно стоит сходить, а куда точно нет? И давайте договоримся, вы мне б...

🗄️ Примеры использования IndexedDB Я потихоньку начал разбираться как работает IndexedDb и нашел пару хороших примеров использования. Я давно задумывался, как же excalidraw хранит всё, что я нарисовал, ведь картинки точно не влезут в localStorage....

В конце прошлого года ходило много слухов, что халява для программистов закончилась: ⁃ сокращения в крупных компаниях ⁃ меньше “вкусных” вакансий Давайте проверим, пройдите опрос ниже 👇. P.S. этот опытный кандидат ждёт ваш оффер по адресу: г. Курс...

Сегодня телеграм-каналу исполнилось 4 года. 🎉 Ещё с универа я хотел завести блог. На старом ноуте, даже написано несколько статей из далёкого 2017 года, которые никто никогда не увидит (и слава богу 🤣). Помню, как написал первую статью на Хабр. П...

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

Хвастаюсь. Мне сегодня жена подарила такую крутую уточку, чтобы было с кем обсудить рабочие задачки. И кабель-канал, чтобы робот-пылесос не нападал на провода. Похоже пора заморочиться над рабочим столом, чтобы уточке не было грустно. #about_me

Ключевое слово infer На тайпскрипте я пишу давно, но какие-то сложные типы практически не пишу. Про infer я слышал, и много месяцев откладывал пятиминутное прочтение статьи, чтобы разобраться, как он работает 😄. В итоге разобрался только во время ...

🤝 Как подружить React.lazy с дефолтным экспортом У нас в проекте используются только именованные экспорты. Почему — писал здесь. Но React.lazy работает только с дефолтными экспортами, и раньше нам приходилось успокаивать eslint, приговаривая // es...

Запоминаем, как правильно оставлять комментарии при код-ревью не 🙅‍♂️ "опять ты накопипастил, ну сколько можно?!?!?!"а ☝️ "Consider refining the implementation to make better use of reusable code" С началом продуктивной рабочей недели 👋 #meme #c...

Иногда бывает, засидишься за работой, пытаясь доделать интересную (или не очень) задачу. Крутишь её так и эдак 🤔, но ничего не выходит. Потом смотришь на часы— пора заканчивать, а задача так и не сделана. Опускаешь крышку ноута, но в голове она про...

✨ViewTransitionAPI view-transition-name Прочитал статью "Same-document view transitions for single-page applications" и решил запилить свою демку с открытием приложения как на айфоне, используя viewTransitionAPI. Анимация реализуется с помощью CSS ...

Как-то редко я стал что-то рекомендовать посмотреть/почитать, но сегодня пришел не с пустыми руками, а с докладом "Как умение продавать помогает разработчику / Андрей Кузнецов (РБС)". Советую посмотреть доклад целиком, но мне больше всего понравилос...

Жизнь без Канбан досок в Obisidian 💎 После перехода с Notion на Obsidian я начал упрощать всё, что только можно. Например, в Obsidian нет нативной поддержки канбан-досок. Я попробовал плагин Projects для управления постами, которые перенёс из Notio...

🗂️Папка с Курскими ИТ-каналами В прошлом году решил, что было бы неплохо собрать все Курские ИТ каналы в одну папку, и вот что получилось 👉 https://t.me/addlist/CcKwwK1G9AxMjEy Даже если вы не из Курска — обязательно добавляйте папку, точно найд...

React приложение без сборщиков Иногда нужно набросать небольшой пример или демку на реакте, но не хочется создавать новый проект, где установится +100500 пакетов. Создавать проект в песочнице типа codesandbox тоже лень. Есть вариант попроще: 1️⃣ По...

Выходные пролетели, как обычно! Успели отдохнуть? Я первую половину выходных батонился на кровати и смотрел сериалы, а вторую гулял по Владимиру и Суздали. Во время поездки погода была отличная — на несколько дней ударил мороз, и удалось насладитьс...

Декабрь подходит к концу, поэтому пора подводить итоги года, в котором было немало как хорошего, так и плохого. ✅ Начнём с хорошего: 🔥 В этом году старался доделать то, что долгое время откладывал: вычистил небольшой техдолг на работе, который об...

Когда говорят об истории JavaScript часто упоминают, каким незаменимым он был при украшении сайтов снежинками ❄️ в канун Нового года 🎄. А между тем, Новый год уже на следующей неделе, поэтому пора поспешить и принарядить свои сайты. 🗣️ Я попросил...

Я давно не рекомендовал ничего почитать, но эта короткая статья не оставила меня равнодушным. "Всего несколько строк CSS для плавных переходов между страницами" перевод на хабреоригинал Я много раз слышал, про View Transitions API и о том, что теп...

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

Программа на эти выходные. Попал сразу на оба мероприятия оффлайн 🔥. #conference

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

В прошлом месяце я писал, что постепенно пытаюсь оживить свой блог и переписываю его на Astro. Обычно я закапываюсь, чтобы довести что-то до конца. Например, если это пост или статья — нужно посмотреть 100500 видео и статей, чтобы во всём разобратьс...

Сейчас темп жизни такой, что на всё не хватает времени. И чтобы сэкономить время на уборке, в прошлом году я раскошелился и решил заменить свой старый робот-пылесос Xiaomi (который штурмовал каждую неровность) на новый, более современный. После прос...

return Promise 🆚 return await Promise Что будет выведено в консоль? async function test1() { console.log('start-1'); return Promise.resolve(); } async function test2() { console.log('start-2'); return await Promise.resolve(); } t...

// @ts-nocheck Помню, когда я только начал изучать TypeScript, мне часто попадалась фраза: "TypeScript — это надмножество JavaScript, и любой корректный JavaScript-код является также корректным TypeScript-кодом". В общем, если надоел JavaScript — ме...

Я уже года 4 плачу за свой домен <cherkashin.dev>, где хостится мой мертвый и убогий блог, который я сделал во время ковида, и с тех пор ни разу не трогал. В то время я не слышал про 11ty, а Astro ещё не появился. ChatGPT тоже ещё не было, поэтому — ...

✉️ Реализация инбокса в Obsidian с помощью Apple Shortcuts Те, кто давно на меня подписан могут помнить, что я рассказывал как настроить Inbox для Notion с помощью Apple Shortcuts (тут и тут). Если кратко — Apple Shortcuts позволяет делать автомати...

Этот самурай незаметно пробрался в квартиру прошлой ночью. К счастью, мы с женой не пострадали, чего нельзя сказать о старом кресле ... #workingplace @cherkashindev

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

Отдельная страница для задач в Обсидиан В 🇯🇵 Notion мне всегда очень нравилось, что каждая запись в базе - это отдельная страница, которая может содержать что угодно - от простых заметок, до вложенных баз или таблиц. Я использовал Notion, как мен...

Пока я Индии поедаю сабудану и досу, мне в Курск пришла книга "Мама, Я тимлид!" от Жени Черкасова. Я конечно не тимлид, но книжку обязательно прочитаю. Женя ведёт ламповый и очень уютный канал о личной и командной эффективности. Вот некоторые из мои...

Пока я сижу в Шереметьево и жду свой задерживающийся рейс в Мумбаи, расскажу вам кринжовую историю, которая произошла со мной сегодня утром в аэропорте Каира. Я всегда стараюсь приезжать заранее, будь то поезд, автобус или самолёт. На всякий случай,...

Кажется, кто-то узнал, что программист приехал на отдых. Сначала аэропорт SSH, теперь номер 11101, а дальше что? Бустани канал, чтобы оставаться в курсе, а то мало ли что ... #vacation

⏭️ Соседние селекторы в CSS Сегодня утром прилетает баг - у элемента не виден горизонтальный скрол. Случилось это из-за новой фичи - появился новый компонент, из-за чего соседний немного съехал и скрол ушёл за пределы экрана. Тут я подумал, что в п...

Notion 👋 Только ленивый не написал, что 9 сентября Notion прекращает работу для российских пользователей. Пару дней назад и у меня появилась желтая плашка, которая говорит “на выход”. Говорят, пользователи платных подписок точно потеряют доступ. По...

У нас на проекте есть 2 основных правила для написания стилей: У всех CSS-классов должен быть префикс dp-, выбранный по названию продуктаМы используем БЭМ — <block><element>--<modifier> Однако есть большой пласт легаси стилей, где эти правила не ис...

size-limit Вот здесь я писал про source-map-explorer и о том, как с его помощью анализировать размер бандла. Но, чтобы не приходилось анализировать бандл, лучше предотвратить его раздувание. Это можно сделать на этапе CI с помощью size-limit. Как ...

Первый шок от последних событий начал проходить, поэтому вчера я немного разобрал инбокс и нашёл в нём статью, которой решил с вами поделиться “4 тысячи заметок?! Как я веду личную базу знаний в Obsidian”. Автор рассказывает, как ему надоело забыват...

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

source-map-explorer На прошлой неделе анализировал размер главного бандла мобильной версии нашего приложения. В спешке мы накосячили с импортами и бандл раздулся. 🤔 Как анализировать? Для анализа использовал утилиту source-map-explorer. При зап...

Как инспектировать разметку попапов Если у вас возникают проблемы с дебагом попапов, которые открываются только по ховеру, то вот несколько простых советов: Способ 1: Открываете DevTools ⇒ Вкладка Sources ⇒ Далее наводите мышкой на свой элемент ⇒ Н...

Если бы вас спросили, что самое сложное в вашей работе, чтобы вы ответили? Я думаю одна из самых сложных вещей - читать чужой код, или свой собственный, написанный пару лет назад. 👉 Сегодня статья о том, Как избежать когнитивной перегрузки: способы...

Как я обычно узнаю о новых фичах в C# ❓ О новых фичах в C# я обычно узнаю с помощью подсказок Райдера — IDE для C# от JetBrains. В общем, обновился, пишу код, и Райдер предлагает что-то исправить там, где раньше все было окей. Думаю — ну ок, давай ...

function(): Promise 🆚 async function(): Promise Существует небольшая, но довольно важная разница между функцией, которая просто возвращает промис, и функцией, которая была объявлена с помощью ключевого слова async. Пример function fn(obj) { con...

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

Generic React-компоненты Помню года так 4 назад я писал базовый компонент поиска — стандартное текстовое поле, а когда начинаешь печатать, появляется список найденных элементов. И тогда я впервые задумался, поддерживает ли React дженерики в связке ...

Мемоизация селекторов в Zustand Если вы используете Zustand, то знаете, что computed значения реализуются с помощью селекторов. const userPrs = useChartsStore((state) => { return state.pullRequests.filter(pr => pr.author.id === state.user.id); ...

На прошлой неделе проверял почту и наткнулся на рассылку от Я.Практикума “Что нельзя делать хорошему менеджеру”. Одна из упоминаемых проблем – “Срезание углов” или экономия времени на продумывании ТЗ. Чтобы избежать проблемы понимания требований испо...

peerDependencies Недавно делал код ревью и заметил, что в pnpm-lock.yaml (альтернатива yarn.lock в pnpm) добавлена 17-я версия реакта, хотя на проекте мы используем 18-ю. Нам не нужно тянуть в проект 2 версии реакта — поэтому идём разбираться. Дело...

На прошлой неделе на Хабре объявили победителей конкурса «Технотекст 2023». Моя статья, к сожалению, не стала победителем, так что будем пробовать ещё раз в следующем году (или нет). Если не знаете, что почитать, то здесь можно найти победителей как...

zustand и redux-devtools Я всё ещё пытаюсь доделать свой пет-проект для построения графиков на основе данных из пул реквестов и комментариев. В качестве стейтменеджера использую zustand. Своих девтулзов у него нет, но разработчики реализовали middl...

Уже давно поймал себя на мысли, что стал редко посещать конференции. Поэтому решил всю эту неделю провести на Podlodka React Crew. 👉 Для тех кто ни разу не был — формат следующий: С понедельника по пятницу: — один доклад утром в 11:00, один вечеро...

Сегодня посоветую одну довольно интересную статью (не зря же она была написана в мой день рождения). Как обхитрить мозг и заставить его полюбить сложные задачи [Дофаминовый детокс] ⛔ Если кратко: перестать баловаться лёгким дофамином. Наш мозг фор...

🏗️ Паттерн “Простая фабрика” Ранее я писал: об абстракциии о полиморфизме Логическое продолжение этой “базы” — паттерн “простая фабрика”. Он является более простой альтернативой для порождающих паттернов: фабричный методабстрактная фабрика По о...

У hitch на хабре вышло небольшое интервью со мной. Рассказал, как я нашёл первую работу и устроился в американскую компанию, без знания английского (Босс, если ты это читаешь — спасибо тебе ❤️). #about_me #habr

🎉 Шорт-листы "Технотекста 2023" на Хабре Хабр каждый год организует конкурс лучших статей, где может поучаствовать любой автор, написавший статью в текущем году. Сегодня хабр опубликовал список финалистов куда попало порядка 300 статей. Если не зн...

Сегодня мне 2️⃣8️⃣, примерно как седых волос на моей голове. С недавних пор у нас в компании дают выходной на ДР, поэтому сегодня я гуляю по Сочи, пью пока что только кофе, спокойно пишу этот пост и смотрю как работает моя жена 😃. Можете начинать ж...

🧑‍💻 Giga Code Месяц назад я отключил Codeium и честно начал тестировал GigaCode (альтернативу Copilot от Сбера). Но похоже придётся переключаться обратно, GigaCode ещё сыроват… Он, конечно, полезен, и действительно иногда упрощает написание кода,...

📖 Cohesion и Coupling: отличия Сегодня посоветую короткую статью, чтобы наконец-то разобраться что есть что. 🛑 Основные моменты Нужно стремиться к достижению low coupling (низкой связанности) и high cohesion (высокого сцепления)Cohesion — степен...

Несмотря на то, что с балетом у меня натянутые отношения (предыдущие пару раз я еле досидел до конца и грозился, чтобы я ещё раз?!), жена уговорила меня поехать в Москву в Большой театр на Лебединое озеро. Но я решил, что хорошо должно быть не тольк...

Вот вам наглядное представление как выглядит закомментированный код - как этот "закомментированный" дорожный знак 😁. Ну и вдогонку анекдот от ChatGPT в стиле советских анекдотов: — Товарищи программисты, почему закомментированный код всегда остаёт...

🗨️ Скорость отдельно взятого разработчика важна, но она не так важна, как скорость всей команды. Цитата взята из гайда гугла о код ревью, а конкретно из статьи о том почему код ревью должно быть быстрым. https://google.github.io/eng-practices/revi...

​​Полиморфизм Полиморфизм в программировании — это способность объектов принимать множество форм. Это означает, что один и тот же код может работать с разными типами данных. Пример 1️⃣ Допустим, мы пишем графический редактор, и нам нужно добавить ...

Время ожидания — это «процент занятого времени», разделённый на «процент свободного» Это фраза из книги Проект «Феникс»” 📖 Вот небольшой отрывок: Время ожидания — это «процент занятого времени», разделённый на «процент свободного». Другими слова...

XOR — исключающее или Пару раз в год в нашем C# коде я встречаю оператор ^ и впадаю в ступор 🤦‍♂️. Через минуту другую я вспоминаю, что оператор называется “исключающее или” или XOR. Потом, проходит ещё пара минут (на самом деле больше) и я вспоми...

Сегодня я вам принёс важную статью “Решение, которое нужно принять, чтобы не жалеть о жизни через 30 лет”. Важная — потому что она не о программировании, а о нашей с вами жизни в целом. В статье рассказывается как стоит жить сейчас, чтобы на смертном...

🗣 Фраза недели — “Да надо” В честь первого апреля расскажу вам одну историю. 📖 Несколько лет назад во время пандемии скучными вечерами, покуривая кальян, я читал книгу “Программист Прагматик”. Обсуждать всю книгу я конечно же не буду, остановлюс...

Небольшой список чат ботов, которыми время от времени пользуюсь https://chat.openai.com/ — представления не требуетhttps://www.phind.com/ — о phind писал здесьhttps://gemini.google.com/app - AI чат бот от гугла, работает только через VPNhttps://ya.r...

#рекомендую_канал Сегодня решил начать делиться каналами, которые читаю сам, возможно когда-нибудь даже опубликую ссылку на папку с каналами 🤔 , но это не сегодня … Возможно вы уже знаете Даниэля по его сообществу Фронт.ру, он достаточно молод, и ...

Максимальная длина строки в V8 У меня есть небольшой пет проект, для построения различных графиков для пул реквестов, которые показывают кто кому оставляет комментарии, ставит аппрувы и прочее. Бэкенда там нет, фронт ходит в Gitlab или Gitea, выкачи...

⚛️ React 19 — useOptimistic useOptimistic — новый хук, который позволяет отобразить “оптимистичное” состояние. Оно называется “оптимистичным”, потому что мы “оптимистично” надеемся, что наш запрос не свалится с ошибкой и после выполнения запроса сос...

⚛️ React 19 — use(Promise) use — новый хук, который позволяет считывать данные из промиса и при этом интегрирован с Suspense и ErrorBoundary. ℹ️ Основные моменты: На этот хук не распространяются правила хуков — его можно использовать внутри циклов...

⚙️ .editorconfig Вопрос от менти: У меня проблемы с кодировкой. В гитхабе вижу битые символы вместо русских букв. Почему и как исправить? Ответ: Скорее всего редактор создаёт файлы в кодировке типа “Cyrillic (Windows 1251)”. Чтобы это исправить, ну...

👨‍💻 Phind В комментариях к прошлому посту о Codeium мне порекомендовали попробовать Phind. До расширения для VS Code руки ещё не дошли, а вот онлайн версией пользуюсь достаточно регулярно. Очень удобно учитывая, что он бесплатный, генерирует непл...

Наконец-то попаду на "Я 💛 Фронтенд" в оффлайне. Трансляция тоже будет. https://events.yandex.ru/events/ya-love-frontend-2024 #conference

🆙 Кнопки в базах данных Notion Когда-то давно я писал, как автоматически заполнять Completed Date поле в Notion. С тех пор много воды утекло, и кажется об использовании Github Actions для этих целей можно забыть. В Notion уже давно есть кнопки, ...

☁️ Облако слов Ради интереса решил построить облако слов на основе комментариев в пул реквестах. Нашёл пару подходящих библиотек: react-tagcloud — нет типов для тайпскрипта, и облако само по себе выглядит не очень красивоreact-wordcloud — типы ест...

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

Яндекс.Музыка уже давно поменяла логотип, поэтому пришло время обновить его и в расширении для VS Code. P.S. За иконки спасибо автору Мастерской Программиста 👍

🔮 Абстракция Когда говорят про ООП, часто забывают о двух вещах: Это не только инкапсуляция, наследование и полиморфизм, но ещё и абстракцияИнкапсуляция, наследование и полиморфизм не прибиты гвоздями к ООП, особенно инкапсуляция и полиморфизм. Но...

🚀 React — Compound Components Как-то я уже упоминал паттерн Compound Components (Составные компоненты) для React, теперь остановимся на нём немного подробнее. ℹ️ Compound components — это подход позволяет объединить несколько компонентов в единую ...

Сегодня увидел, что Хабр советует прочитать мою старую статью с советами о выгорании, поэтому я решил напомнить о ней. Как раз подходит, чтобы отвлечься от работы, расслабиться и почитать вечером в пятницу. https://habr.com/ru/post/598517/ #fridayr...

Явное управление ресурсами в TypeScript[ — using Недавно,](https://t.me/cherkashindev/160) когда я рассказывал, как мы пишем тесты, я уже упоминал, что в TypeScript’е появилось новое ключевое слово using. Оно позволяет нам сделать код чище и более л...

🍎 Ещё раз об интеграции Notion и Apple Shortcuts Пару лет назад я рассказывал, как можно использовать Apple Shortcuts, чтобы настроить быстрое добавление записей в инбокс. А в прошлом году поделился шаблоном, где для использования достаточно встави...

​​Прошлой весной, я наконец-то зарегистрировался на GetMentor, и теперь время от времени мне поступают различные вопросы. Некоторые из них решил публиковать здесь на канале. Вопрос: если для параметра указать тип React.DragEvent<HTMLDivElement> ,то ...

​​⏰Напоминания в Notion Сегодня немного о том, как я облажался, но не сильно. Обычно я оплачиваю подписку иви сразу за год — так дешевле, всего 2000р (≈170 руб / месяц). Но как только подписка заканчивается — списывается оплата за 1 месяц — 399р, чт...

🧹 Тестирование — подчищаем за собой Так исторически сложилось, что у нас на проекте нет юнит тестов, только интеграционные и e2e. Иногда в тестах приходится подчищать за собой — удалять созданные во время выполнения теста объекты в базе, чтобы не...

🗓 Cron теперь Notion Calendar Некоторое время назад Notion купил Cron, и вот недавно состоялся релиз, теперь Cron - это Notion календарь, в котором доступна интеграция, как с гугл календарём, так и с базами в Notion. Базы отображаются в левом нижн...

Пару месяцев назад я упоминал codeium — бесплатную альтернативу копайлоту. На новогодних праздниках наконец-то попробовал его на своём пет-проекте, и довольно часто он действительно ускоряет разработку. На скриншотах можно увидеть как codeium: Вывод...

📖 Михаил Горбачёв: В меняющемся мире На новогодних удалось не только пить, есть, спать и сбить режим, но и немного почитать. Перед новым годом спонтанно зашёл в Читай Город и купил книгу “Михаил Горбачёв: В меняющемся мире”, очень интересная и чита...

☃️ Итоги 2023 года 2023 год был достаточно насыщенным, и наверно стоит немного оглянуться назад и подвести итоги: что удалось сделать, а над чем ещё нужно поработать. Ведь иначе может показаться, что за год ничего не было сделано. 🏃 Пробежал полум...

📖 Хабр. Технотекст 2023 Ежегодно Хабр проводит конкурс статей Технотекст, где каждый может принять участие, чтобы заслужить почёт и славу (или же нет). Если вы хотите прочитать пару-тройку интересных статей, то можете найти для себя много интересн...

📖 Скорбь сатаны — Мария Корелли Сегодня пора отвлечься от кода и дать мозгу небольшой отдых — новый год уже близко! Можно немного отодвинуть ноут в сторону (но не слишком далеко) и расслабиться. На выходных дочитал “Скорбь сатаны” Марии Корелли. Э...

​​Если вы ещё не забыли, в предыдущем посте я упомянул, что прошёл мини-курс по написанию статей на Хабр. А сегодня хочу поделиться статьями, которые написал за время обучения: 1️⃣ Как автоматизировать использование дизайн токенов с помощью Stylelin...

📺 Дизайн токены Сегодня я порекомендую несколько докладов о дизайн токенах 1️⃣ MoscowJS 49 — Дизайн-система на фронтенде — Сергей Володин Сергей рассказывает, как первый редизайн почты и других продуктов mail.ru — “где нужно было поменять только ...

✍️ Мини-Курс на Хабре В ноябре Хабр запускал мини-курс из 4-х занятий по написанию статей и ведению блогов компаний. Моей компании, корпоративный блог не нужен, но статьи время от времени стараюсь писать. Поэтому курс решил пройти и поделиться здесь...

🚮 Трата времени Мне кажется больше всего времени мы тратим не на какую то рутину, а на следующие 2 вещи: начинаем что-то и не доделываем, хотя дело стоящеепродолжаем делать то, что никому не нужно Прежде чем за что-то браться — стоит подумать, а ...

Именование юнит тестов Мне всегда нравятся “информативные” названия тестов вроде “TestLogin”. Смотришь и из названивая в принципе не понятно, что именно мы тестируем. В книге “Искусство автономного тестирования (The Art of Unit Testing)” предлагае...

​​🎨 Дизайн токены Дизайн-токен — самое маленькое, атомарное правило дизайн системы: Какого цвета бордер;Какого размера шрифт заголовка. По сути — переменная. Демка состоит из 2 частей: 1️⃣ Автозамена цветов, шрифтов на соотвутствующие переменные ...

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

​​💻️️️️️️ Array.prototype.sort Как будет отсортирован следующий массив [-1, 0, 1, 2, -1, -4, -2, -3, 3, 0, 4].sort()? 🥱 Предыстория На выходных я решал литкод, и в задаче 3sum было необходимо отсортировать массив по возрастанию, перед тем как пе...

📖 Обязан ли разработчик развиваться❓ Сегодня статья с названием, которое говорит само за себя, очень рекомендую к прочтению. Естественно, никто никому ничего не должен, и нельзя говорить, что кто-то прям обязан развиваться. К тому же, не все горят...

⚛️ Атомарные обновления в Zustand Я уже упоминал атомарные обновления ранее, когда говорил о проблемах контекста реакта. Я называю обновления атомарными, если компонент обновляется только тогда, когда изменяются данные, которые он использует. У кон...

​​📖️️️️️️ Каррирование и частичное применение Каррирование и частичное применение — две концепции из функционального программирования, которые очень часто путают из-за их схожести (а я пишу этот пост, чтобы наконец-то запомнить). И частичное приме...

🍂 Проваливание промисов Когда вы передаете в then() что-то отличное от функции (например, промис), это интерпретируется как then(null) и в следующий по цепочке промис «проваливается» результат предыдущего. Подробнее о промисах в статье "У нас проб...

​​⚠️ Проблемы React Context Использование контекста реакта и хуков, упрощает управление состоянием приложения. В небольших проектах уж и вовсе позволяет отказаться от использования менеджеров состояний. Но у него есть ряд проблем, о которых необходи...

👨‍💻Где проводить live-coding Если вы время от времени проводите собеседования — то вы наверняка хотите не только поговорить о жизни с кандидатом, но и проверить насколько он хорош в деле. Для этого вам поможет live-кодинг. Для live-кодинга, вы мо...

​​📖 Архитектура фронтенда на основе вертикальных слайсов Сегодня порекомендую статью о структуре фронтенд проектов на основе вертикальных слайсов. Автор начинает рассказ с описания структур первых проектов, где использовался подход “Разделения по ...

​​Как тестировать internal методы и классы в C# — InternalsVisibleToAttribute Представьте, что вы разрабатываете библиотеку, которой будут пользоваться тысячи людей 😮. Чтобы убедиться в стабильности — нужно всё хорошенько покрыть тестами. Все мы лю...

Все побежали просить пробустить канал, а я что хуже? https://t.me/cherkashindev?boost

Собирайте свои достижения ❓Зачем Поможет наполнить ваше резюме фактами и более убедительно презентовать себя на собеседованииПоможет понять вам кто вы есть. Если у вас достижения уровня Джуна — то вы врядли Сеньор помидорПоможет понять двигаетесь л...

​​Почему мы выбрали Zustand❓ Как я упомянул в предыдущем посте о Zustand, мы начали его использовать в июне 2021 года. До этого использовали просто useState/useReducer/useContext, поняли что так больше нельзя, и перед разработкой новой большой фичи...

📖 Доводите свои проекты до конца Если вы постоянно начинаете новые проекты, не завершив предыдущие — эта статья для вас. Автор не делится, никакими секретами, как доводить проекты до конца, потому что их просто нет. В любом проекте есть 10% неприя...

С уходящим днем программиста, народ! 👨‍💻

git blame —ignore-rev Пару месяцев назад, я читал статью о том, как команда TypeScript мигрировала с пространств имён на модули. Естественно, миграция происходила не вручную, а с помощью их внутренней тулзы (насколько я помню). И одной из проблем по...

Zustand — очень простая альтернатива Redux и MobX, не сильно сложнее useReducer. В последние пару лет появилось довольно много русскоязычных видео о Zustand. Мы на работе как раз начали его использовать пару лет назад, и в то время, похоже, он был н...

Решил устроить себе “телеграммный” отпуск в августе и ничего не публиковать. Понял, что довольно много сил уходит на написание постов, прям как маленькая подработка. Но я не всё время отдыхал, написал статью на хабр о сборщике мусора в .NET — Бессил...

​​🗑️ Сборщик мусора в .NET🗑️ Одним из самых популярных на собеседованиях C# разработчиков является вопрос о работе сборщика мусора в .NET. Мне также приходилось рассказывать о нём интервьюерам на моих собесах. Сегодня я хотел бы кратко рассказать ...

​​TypeScript — satisfy или as Я думаю все знают о ключевом слове as в TypeScript. Мы используем его, когда нужно явно указать тип выражения, будь то переменная или функция. Когда мы используем as, происходит изменение типа выражения. В TypeScript 4...

Бинарная куча и приоритетная очередь Последние пару месяцев я решил попрактиковаться в решении задач на алгоритмы и структуры данных и вспомнить всё, что мы проходили в универе. Там, кстати, ни слова не было не только о сложностях алгоритмов, но и о...

📖 Примеры использования Chat GPT Сегодня хочу поделиться статьей с шаблонами для ChatGPT, который поможет понять, как правильно формулировать запросы 10 шаблонов запросов для ChatGPT, которые выдадут качественные ответы в помощь продакт-менеджеру. ...

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

Как правильно “придираться” во время код ревью Когда вы проверяете код своего коллеги не нужно требовать от него “идеального” кода. ℹ️ Правило такое: вам следует апрувить изменения, если они улучшают в целом кодовую базу, даже если они не идеальны,...

​​Проверка именования файлов и папок с помощью плагина eslint-plugin-import Во время код ревью, можно заметить, что мы часто оставляем одни и те же комментарии об именованиях или каких-то соглашениях (которые описаны в вики, и которые никто не читае...

📖 Why I’ve stopped exporting defaults from my JavaScript modules Сегодня на повестке статья из далёкого и спокойного 2019 “Why I've stopped exporting defaults from my JavaScript modules”. В статье автор предлагает отказаться от экспортов по-умолча...

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

📖 What developers need to know about Chrome's Memory and Energy Saver modes - Chrome Developers В конце прошлого года в Google Chrome появились 2 новых режима Memory Saver (Экономия памяти)Energy Saver (Энергосбережение) Они позволяют более гибко...

📖 О бизнес процессах и авторитаризме На майских праздниках я наконец-то дочитал книгу “Авторитарная Россия. Бегство от свободы, или Почему у нас не приживается демократия”. В ней были достаточно интересные мысли, которые непроизвольно вызывали у м...

​​❓Как восстановить удалённый коммит в Git? На днях я писал базовый компонент выпадающего меню. Всё как обычно, закончил работу и закоммитил. Потом понял, что закоммитил в мастер, а не в ветку с фичей. Поэтому сделал git reset --soft, чтобы удалить...

📖 Неделя после пуска или Cooldown week Как часто после очередного спринта вы чувствуете, что в одном месте не успели отрефакторитьв другом месте не успели дописать документациюгде-то осталось пару багов, которые было бы неплохо пофикситьнужно расс...

🍎 Хочу поделиться Apple Shortcuts для добавления в инбокс Notion Хочу поделиться с вами отличной находкой, связанной с Apple Shortcuts. Год назад я упоминал, что с помощью Apple Shortcuts можно с легкостью добавлять записи в базу ноутшена, наприм...

🎬 Backend-Driven UI Сегодня посоветую доклад с HolyJS — Виталий Полещук, Стёпа Михайлюк — Server-driven UI в вебе. Не пиши, а описывай свой фронтeнд Парни в докладе рассказывают, как можно не заниматься формошлёпством, точнее как его упростить, чт...

🏃 Пару лет назад в качестве целей на год я добавил «пробежать полумарафон». Теперь наконец-то можно вычеркнуть этот пункт из давно потерянного списка.

​​🧮 Задача на знание замыканий в JavaScript Если вам приходится собеседовать начинающих фронтендеров, то следующая простая задача поможет вам проверить, понимает ли разработчик принцип работы с замыканиями, и может ли он применять их на деле. / Н...

📖 Выравнивание последнего элемента по правому краю с помощью flexbox Сегодня хочу порекомендовать короткую, но очень полезную статью о флексбоксах How to Align Last Flex Item to Right. Довольно часто необходимо сверстать UI, в котором все элементы...

​​🧮 Задача на знание this в JavaScript Иногда на собеседованиях дают подобные каверзные задачи, в которых необходимо хорошо понимать, как работают одновременно: стрелочные функции, контекст this и замыкания. Вот одна из задач, которую мне давали на...

​​📖 Процесс ревью кода структурно порочен. Вот, как его исправить На ревью слишком много времени тратится на переключение контекста и ожидание автора и ревьера: После создания PR’а, мы ждём, когда ревьюер закончит свои дела и изучит код автора.Ес...

​​📖 Я наконец-то попробовал ChatGPT Я не особо успеваю за трендами, поэтому попробовать ChatGPT дошли руки только сейчас. Регистрировался по инструкции из статьи. Перед регистрацией почистил куки браузераВ качестве VPN использовал VeePN-расширени...

​​Контроль импортов с помощью import/no-restricted-paths Когда мы задумываемся о структуре проекта — то мы подразумеваем некоторое разделение на области/модули, где каждый модуль имеет свою зону ответственности. Помимо этого, зачастую, один модуль н...

📖 React 18 — useTransition, useDeferredValue React 18 вышел уже почти год назад, но только сейчас решил поискать наглядные примеры использования новых хуков useTransition и useDeferredValue и наткнулся на отличное видео “Новые хуки useTransition и ...

▶️ Интегрируем Яндекс Музыку в Visual Studio Code 3 года назад я начал писать расширение для Яндекс Музыки, за это время пришлось решить много интересных задач: 1️⃣ Создание библиотеки для Яндекс.Музыки 2️⃣ Создание OpenAPI схемы и обход CORS 3️⃣ В...

​​📖 Avoid These Common Pitfalls Of React useState Статья описывает самые популярные ошибки при использовании useState в Реакте: Избыточное состояние (Redundant State)Дублирующее состояние (Duplicate State)Обновление состояния через useEffect (Upda...

​​📖 Не трогайте разработчиков. Отстаньте. Просто не беспокойте Статья описывает настройку процессов таким образом, чтобы по минимуму отвлекать разработчиков. Для этого назначается дежурный, который отдувается за всех. Например, у вас есть команда ...

📖 Мигрируем БД в продакшене без даунтайма Основной совет, который даётся в статье — нужно разбивать деплой новой фичи на 2 и более части, чтобы соблюсти обратную совместимость. Это очень важно, если для выкатки новой фичи необходимо изменить схему ...

​​📄 Офлайн-режим в Google Docs и Notion В прошлом году на майских праздниках я ездил в Нижний Новгород, и в дороге мне было необходимо написать документ по работе. Как известно, в поезде интернета нет практически никакого. Поэтому сперва я решил со...

​​🎨 Первый дизайн в Figma Нарисовал небольшую обложку для расширения Я.Музыки. Всё оказалось гораздо проще, чем я думал. Ссылки, которые использовал при создании дизайна: 1️⃣ Gradients in Figma 2️⃣ Guide to components in Figma #design #figma #yan...

​​🎨 Excalidraw — сервис для рисования диаграмм На днях узнал о классном сервисе для рисования диаграмм В бесплатной версии можно работать лишь на одном холсте, но его можно сохранить локально и таким образом работать над несколькими диаграммамиДос...

​​📖 Как платформа управления знаниями упрощает онбординг — TEAMLY Недавно решил разобраться как правильно проводить онбординг в компании и написал об этом пару постов: 1️⃣ Система онбординга комфорт-класса 2️⃣ Матрица компетенций Но, я решил пойти...

​​⚙️ Автоматизация Code Review — DangerJs Некоторое время назад, я осознал, что бОльшую часть времени во время Code Review, я трачу совсем не на то, чтобы проверить, что задача выполнена корректно. БОльшая часть времени уходит, чтобы убедиться, что ...

​​Технотекст 2022: шорт-листы по номинациям Вчера Хабр опубликовал список лучших статей отправленных на Технотекс. Рекомендую посмотреть — там довольно много интересного. К сожалению, моя статья в список не попала( https://habr.com/ru/company/habr/...

💭✍️ Мышление письмом Сам того не подозревая в прошлом году я начал практиковать мышление письмом. Я перестал сразу бросаться писать код, вместо этого, в начале я записываю свои мысли и обдумываю задачу. Во время решения сложных задач я выписываю вс...

​​Индикаторы прогресса в Notion Наконец-то дошли руки добавить прогресс бар в свои проекты в Notion. Шаблон тоже обновил. Если хотите так же - вам сюда. #notion

​​Проект "Феникс" На новогодних праздниках я наконец-то прочитал Проект “Феникс”. Рекомендую к прочтению, если в вашей компании всё происходит хаотично, вечные авралы и сотни незавершенных фич, которые переносятся из релиза в релиз. В книге раскрыва...

Система онбординга комфорт-класса Цель хорошего онбординга — получить максимум производительности от сотрудника в короткий срок. Это не значит, что из сотрудника нужно выжать всё до последней капли, онбординг должен проходить максимально комфортно с...

Задачи на собеседовании JavaScript разработчика Напишите функция вычисления последовательности фибоначи function fib(n) { // TODO: implement } fib(5); // [0, 1, 1, 2, 3] fib(7); // [0, 1, 1, 2, 3, 5, 8] fib(11);// [0, 1, 1, 2, 3, 5, 8, 13, 21, 3...

​​Yandex Music Client for JavaScript За последние пару дней новогодних праздников я, наконец-то, сделал то, что собирался сделать пару лет - сгенерировал JavaScript-клиент для Яндекс.Музыки на основе OpenAPI-схемы. Что это значит? Берётся OpenAPI-сх...

​​📖 Как браузер рендерит веб-страницу Для фронтенд-разработчиков очень важно знать, как происходит отрисовка веб-страницы на всех этапах: от отправки запроса на сервер до отображения картинки, которую мы видим в браузере. Чтобы быстро разобраться ...

​​☠️ Временная Мёртвая Зона Временная мёртвая зона (ВМЗ) — участок от начала блока кода, до строки, где переменная объявлена и инициализирована. Понятие ВМЗ применяется только к переменным определённым с помощью let и const. Строки 2-5 — временная ...

🚀 Деплой NodeJs приложений Недавно, ко всеобщему сожалению, heroku урезал свой бесплатный тариф для хостинга приложений, который использовался многими разработчиками для хостинга своих пэт проектов. В качестве альтернативы можно использовать: Rend...

📖 Матрица компетенций Сегодня порекомендую пару докладов о составлении матриц компетенций и о том, какие проблемы они решают: 1️⃣ Универсальная карта компетенций 2️⃣ Матрица компетенций как инструмент тимлида Некоторые основные моменты из докладов...

VS Code Yandex Music Extension ❤️ MacOS и Linux Полтора года назад я выпустил первую более-менее стабильную версию расширения Яндекс.Музыки для VsCode. Разрабатывал я его в основном для себя, поэтому особо и не заморачивался, что поддерживается толь...

📖 Пятничное чтиво - Turmoil in Twitter С небольшим опозданием, если кто-то всё ещё не в курсе — Илон Маск купил твиттер, поэтому сегодня предлагаю прочитать именно об этом. Из неё вы во всех красках сможете узнать, как Маск собирается сделать Twitt...

​​💳 Карта UnionPay в 2022 Последний отпуск я ездил в Турцию, поэтому, чтобы чувствовать себя белым человеком и платить картой, решил выпустить карту Union Pay Русского Стандарта. Основные моменты: Карта не именная, поэтому можно сделать за один д...

📖Пятничное чтиво - Compound Components Сегодня советы для React разработчиков. Если вы не знаете, что делать со сложными компонентами, пишите сложные рендеры и используете кучу вложенных тернарников, то рекомендую ознакомиться с подходом Compound C...

📖Пятничное чтиво Сегодня без лишних слов хотел бы порекомендовать пару коротких статей, которые пригодятся всем начинающим руководителям (да и их подопечным). Управление проектами – управление людьмиКак поймать «поток», и как сделать так, чтобы он...

Система личного планирования в Notion. Эпизод 2 — Управление проектами В начале недели вышла первая часть статьи, где я рассказал о Инбоксе и о различных способах его настройки. Пришло время рассмотреть вторую часть, где мы поговорим: О том как ве...

Система личного планирования в Notion. Эпизод 1 — Инбокс Наконец-то, спустя пару тройку месяцев, я смог заставить себя сесть и дописать статью о том, как я пользуюсь Notion. Пока опубликовал лишь только первую часть, на следующей неделе должен закон...

📖Пятничное чтиво - Преемник Наконец-то в отпуске смог дочитать книгу “Преемник”, которую заказал ещё в начале года. Удивительно, как жизнь одного человека может описать судьбу страны последних 30 лет. Книга проводит нас по всем основным событиям, ...

📖Пятничное чтиво Я купил книгу Getting Things Done (GTD) около 3 лет назад и только в этом году у меня дошли руки, чтобы прочесть её. Вчера наткнулся на статью GTD за 15 минут: прагматическое руководство. Неплохо подходит, не только чтобы освежить ...

​​Диаграммы - Mermaid Хорошо нарисованная диаграмма может объяснить концепцию гораздо лучше текста, к тому же диаграмму гораздо легче понять, ведь вам не нужно ничего визуализировать у себя в голове пока вы читаете текст. Особенно часто приходится ...

Реализация Completed Date для задач в Notion Последний год я использую Notion для ведения задач и проектов. Иногда полезно оглянуться и посмотреть, чем я занимался последний месяц или в четверг прошлой недели. Первое, что приходит в голову добавить...

🧼 Экранирование и санитайзинг Для предотвращения XSS существует 2 техники: Экранирование (Escaping) - замена опасных символов, их безопасными аналогами. Например “>” будет заменён на ">", “<” — "<". Это необходимо, так как символы “<”, “>” в HTML ...

📖 Пятничное чтиво Пятничное чтиво с небольшим опазданием. Время от времени пишу о том, как я использую Notion. Сегодня решил порекомендовать статью о появлении любимого сервиса. История успеха Notion: из конструктора сайтов в универсальную базу зн...

XSS в React Одним из самых больших преимуществ реакта является его безопасный дизайн, который предотвращает появление большинства XSS (Cross-Site-Scripting) уязвимостей. Может показаться что, если вы используете реакт, то вы в безопасности, ведь: ●...

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

​​Интеграция Notion и Алисы 💥 В одном из предыдущих постов я писал, как настроить интеграцию между Notion и Apple Shortcuts. Сегодня (дабы поддержать отечественного производителя) расскажу об интеграции Notion и Алисы. Настраивается всё очень прос...

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

WAI-ARIA Authoring Practices перенесли сюда и обновили дизайн - не теряйте! #frontend #accessibility

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

https://telegra.ph/Idealnyj-mir-dizajnerov-05-30

Автоматизированные бэкапы в Notion В конце апреля начали появляться сообщения, что некоторые русские аккаунты в Notion были заблокированы. Поддержка сперва подтвердила это, но в итоге сослалась на то, что они тестировали новый алгоритм и случайно за...

​​Интеграция Notion и Apple Shortcuts Одно из самых главных требований к личной системе планирования - очень простое/быстрое добавление задач. Вы должны делать это не задумываясь, иначе вы просто не будете записывать все ваши задачи и заметки. Напр...

​​📖 Пятничное чтиво В статье "Как быть более продуктивным, не заставляя себя" есть следующая фраза Есть группа людей, которые работают и получают от своей работы удовольствие. Давайте назовем этих людей деятелями. Под этим понятием мы не имеем в в...

Фраза недели Недавно посмотрел видео “Причина грыжи диска. Плавание и позвоночник.”, в котором была сказана очень интересная фраза: «Однобокая нагрузка всегда будет вызывать перестройку организма в определённых местах, чтобы он, жертвуя чем-то, доб...

Пятничное чтиво - Interaction tests Недавно команда storybook добавила новую фичу - Interaction tests, поэтому в эту пятницу хочу порекомендовать к прочтению статью Test component interactions with Storybook, которая очень хорошо показывает преимуще...

Пятничное чтиво Сегодня порекомендую доклад Алексея Катаева Рефакторинг: договариваемся, планируем, внедряем! Расшифровку можно почитать здесь. Основные моменты: Если у вас есть желание переписать всё с нуля, значит вы всё время добавляли новые и ...

Управление техническим долгом На прошлой неделе задал вопрос об управлении техническим долгом Василию Половнёву - Техническому директору в Бюро Горбунова. Подскажи, как вы управляете техническим долгом и задачами, которые не связаны с разработкой ...

Mock-функции в Jest В Jest существует 3 основные функции для подмены (мока) реализации: jest.fn() - mock functionjest.spyOn().mock<...> - mock/spy functionmockResolvedValue()mockReturnValue()mockImplementation()jest.mock() - mock module С первого ...

Настройка VPN В связи с последними событиями, сайты начинают блокировать доступ для российских пользователей. Например <pnpm.io> сейчас не доступен из России. Также было создано ишью на гитхабе для ограничения доступа к сайту для российских пользов...

Почему CSS называется каскадными таблицами стилей? Каскад — это алгоритм, который определяет, как вычислить результирующие стили элементов на основе CSS правил, объявленных в различных источниках. CSS правила могут быть объявлены в следующих источн...

Пятничное чтиво Сегодня порекомендую всего одну статью. Она мне напоминает меня самого, ведь я допускал и возможно всё ещё допускаю те же ошибки. Я довольно часто отчаянно отстаивал свою позицию (даже в не значимых моментах) и считал, что это нормал...

Прокси-серве для Яндекс.Музыки Прошлой весной начал разбираться с OpenAPI и решил написать схему для Яндекс.Музыки. Проблема была лишь в том, что из-за CORS нормально пользоваться сгенерированной документацией невозможно. Чтобы отключить CORS в хром...

Наращивание специфичности Вчера на сайте доки читал о специфичности в CSS и наткнулся на интересный трюк. Он кажется достаточно элементарным, но никогда не приходил мне в голову. Чтобы увеличить специфичность, можно использовать один и тот же класс,...

​​Пятничное чтиво Всю эту неделю освежал в памяти как работает Event Loop (Событийный цикл) в JavaScript и всё что с ним связано. Ссылки ниже помогут ответить на вопросы: ❓Что такое микротаски ❓Что такое макротаски/таски ❓Что такое web api ❓В какой...

Очередная история о борьбе с выгоранием Последний месяц я пытался собрать все приёмы, которые использовал, чтобы улучшить своё состояние и зарубить выгорание на корню. Собрал всё, от собственных выводов и наблюдений до советов из "Gettings Things Do...

Фраза недели - "Когда ты испытываешь гнев, отчаяние и готов заплакать, значит тебе не хватает софт скилов" Софт скилы также важны как хард скилы. Что такое софт скилы? Все, что помогает вам сделать вашу работу лучше и не связано непосредственно с п...

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

​​Сегодня поговорим немного об обучении У меня часто бомбит, когда друзья рассказывают, как их учат в универе. О том как от них требуют, чтобы все лекции должны быть обязательно написаны, что нужно ходить на все пары без пропусков и ... можно привод...

Фраза недели - "Лучшее - враг хорошего" На мой взгляд эта фраза отлично описывает одновременно и "синдром самозванца", и "перфекционизм" (а соответственно и меня 😀). ▪️Как часто вы брались за что-то, но не доводили до конца, потому что это было "н...

Пятничное чтиво. Ссылки о Code Review, которые расскажут: 👉 для чего он необходим 👉 какие проблемы решает 👉 как его необходимо проводить 👉 на что смотреть во время код ревью 👉 как указывать на недостатки в коде и не поссориться с коллегами 👉 ...

Фраза недели - "Результат не достижим, если едет только одно колесо" Наткнулся на эту фразу в видео Бюро Горбунова, там и пример о работе есть, поэтому всем рекомендую посмотреть. Немного от себя Всегда приятно работать с людьми: 👉 которые не про...

Наткнулся на крутой доклад для тимлидов "Теперь я - тимлид, но почему мне так плохо?", записал всё, что показалось важным. На самом деле он подходит любому, у кого больше обязанностей, чем просто писать код. 👉 Принцип Питера 👉 Не надо делать из х...

Использование never в TypeScript Допустим мы хотим написать компонент диалог. Его размер может задаваться двумя различными способами: Явно с помощью width и heightДиалог должен принять размер контента, за это отвечает свойство responsive Интерфейс...

​​На прошлой неделе собрались с друзьями и обсудили персональный рост. Было много философских разговоров, вроде "зачем всё это нужно - и так сойдёт", но всё же каждый смог вынести что-то для себя. Зачем нужно изучать что-то новое? Довольно сложный ...

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

Самый простой способ хостинга ваших пэт проектов Нужно сделать всего 5 простых шагов: Устанавливаете пакет gh-pages следующим образом yarn add --dev gh-pages 2. Добавляете скрипты в package.json "predeploy": "yarn run build", "deploy": "gh-pages...

​​Небольшой отчёт за прошедший отпуск ✅ 2 недели без ноута ✅ Убедился, что на Дериглазова не такие уж и большие пробки по сравнению с Сочи ✅ Прочитал пару книг. Особенно приятно. Обычно не удаётся найти времени на чтение. Загадочная история Билли...

​​Accessibility Course В прошлом году услышал о курсе про Accessibility, и появилось желание рассеять "туман войны" вокруг данной тематики. Спустя полтора месяца лекций, есть полное понимание, как и главное для чего делать интерфейсы доступными. Ес...

​​Проапгрейдил рабочее место 👨‍💻

Yandex Music OpenAPI Уже некоторое время пилю OpenAPI схему для Яндекс Музыки. Сейчас существует только одна полноценная библиотека для взаимодействия с сервисом, написанная на питоне, поэтому я решил что было бы неплохо написать схему, с помощью ко...

Ресурсы для успешного прохождения собеседования Прежде чем проходить собеседование, не плохо было бы подготовиться: 1) Освежи в памяти свои технические знания. 2) Чтобы не быть застигнутым врасплох, узнай базовый список вопросов, которые задают при ...

​​Code Review Обычно говоря о код ревью, мы подразумеваем процесс, когда код отправляется от автора фичи к другому разработчику для проверки его правильности. Однако помимо этого, код ревью выполняет ещё одну важную функцию - распространение знаний ...

​​Отладка фокуса в браузере В последние несколько месяцев у меня было несколько задач связанных с отладкой фокуса, в одних случаях он пропадал неизвестно куда, в других появлялся неизвестно откуда. Получить текущий активный элемент, или проще говор...

​​Наконец-то дошли руки завести LinkedIn. Установите расширение "Доступ к LinkedIn" для Chrome и забудьте, что он заблокирован в России 😉.

​​C# Interactive - REPL REPL или “read-eval-print loop” - это интерактивная среда разработки (в командной строке), в которой пользователь вводит выражение на языке программирования, а REPL, в свою очередь, считывает Read его, выполняет Eval и отобра...

​​Visual Studio Code ❤️ Яндекс.Музыка Последние несколько месяцев разрабатываю расширение Яндекс.Музыки для Visual Studio Code. Сейчас оно находится в достаточно стабильном состоянии (не без багов, конечно). Если вы устали постоянно держать открыто...

[Навигация с клавиатуры ](https://www.cherkashin.dev/accessibility/html/css/2020/06/05/keyboard-navigation.html)В большинстве статей по Accessibility вы прочтете, что доступность помогает людям с ограниченными возможностями. Но зачастую, мы не задум...

[Пишем Visual Studio Code extension для VirtualBox ](https://www.cherkashin.dev/vscode/typescript/extension/2020/04/14/virtualbox-vscode-extension.html)VS Code достаточно мощный текстовый редактор, куда с помощью различных расширений интегрирована к...