Эксклюзивно на Telega.in

Будни разработчика

Интернет технологии

Всё о разработке вообще и фронтенде в частности: лучшие статьи, фишки, баги браузеров и личный опыт автора

О канале
Полная статистика

Статистика

Количество постов

3 292

Среднее количество просмотров на пост

1 501

Средний охват (48ч)

819

Упоминаний

439

Получить детальную аналитику

Последние посты канала

У кого там была шестидневка — лучиков, котаны ❤️

626

21:59

01.11.2025

play_circleВидео недоступно для предпросмотра

#статья дня Действительно адаптивный дизайн может быть достигнут только с использованием контейнерных запросов. Ведь ширина экрана это, конечно, прекрасно, но ширина контейнера — это как раз то, что нас всегда волновало. Ну и ограничиваться одним только вертикально-горизонтально всегда раздражало. Потому, вашему вниманию — новая статья Ахмада Шадида: «Верстка секций современным CSS». Автор подробно разбирает, как теперь можно строить гибкие секции без избыточных медиазапросов и хаков. Вместо того чтобы подгонять дизайн под ширину экрана, он предлагает мыслить локально — в пределах блока. Каждая секция сама решает, как ей выглядеть, если становится уже, шире или выше. Особое внимание уделено таким возможностям, как container queries, logical properties и flexible gaps. Шадид показывает, как всё это помогает создавать действительно устойчивые макеты, которые не ломаются при изменении контента, языка или даже направления текста. И, как всегда у Ахмада, статья не ограничивается теорией — множество живых демо, аккуратных примеров и пояснений, зачем это всё нужно. А, ссылка: https://ishadeed.com/article/modern-css-section-layout/ #css #article #container #cqw

908

17:30

01.11.2025

imageИзображение недоступно для предпросмотра

➡️ Как расти во фронтенде и не застрять на месте? Ответ на этот и многие другие вопросы знает замечательный фронтенд разработчик из OZON — 🥷🏻 Лёша Истомин ——• 📗 Что полезного на канале 👉🏻 Как стать крутым фронтенд разработчиком в 2025? *читать* 👉🏻 Разбор 7-летнего пути в IT, собрали все ошибки построения карьеры за тебя *читать* 👉🏻 7 постов, которые важно прочитать каждому, кто ищет работу *смотреть* 👉🏻 Что обязательно должен прочитать каждый уважающий себя фронтендер *смотреть* 👉🏻 Подборка-сохраняшка полезных гайдов для фронтендеров *забрать* Постов в канале > 200, читать минимум 4 часа, так что держи ссылку на оглавление —·· *тык* 🎁 Подписывайся и приходи на бесплатную консультацию

1104

20:33

31.10.2025

imageИзображение недоступно для предпросмотра

#презентация дня Я тут сегодня успел на митапе побывать! И не просто побывать, а ещё и спикером там был. Митап — Design System Breakfast, который лидит Варя Степанова — посвящён, как несложно догадаться, дизайн-системам в разных их проявлениях. И сегодня я там презентовал открытую мной недавно возможность писать функциональные и поведенческие тесты прямо в сторях, а потом запускать их в Jest как локально, так и в CI/CD. И называется эта вся прелесть — Storybook Interactions. И, естественно, одним только Jest дело не ограничивается, скорее даже наоборрот — официальная их рекомендация это использование Vitest и Playwright. Но у нас в команде уже есть сформированная экосистема. Итак, презентация: https://docs.google.com/presentation/d/1hpAt3y4zE1U8vRhY_IfmM3NEeY8qCe9QdKnQLAJF8oo/edit?usp=sharing Ну и, конечно же, пример на гитхабе: https://github.com/bekharsky/when-jest-met-storybook Стек: Vite, React 19, MSW, MUI, React Router, Tanstack Query, Storybook 9 и Jest с SWC. Если нужно больше подробностей или хотите стрим прямо здесь на канале — требуйте, не стесняйтесь, котаны! #react #design #storybook #ui #test

1148

16:01

31.10.2025

imageИзображение недоступно для предпросмотра

#заметка дня Итак, ты хочешь использовать Tanstack (React) Query для запроса данных, но хочешь делать это по-запросу, а не декларативно? Ни слова больше! Используй useMutation, даже если это контр-интуитивно. Мутации — они по своей природе императивные, их нужно вызывать ручками в нужный момент. Вот только есть один нюанс: мутацию — опять же, по-определению — нельзя отменить. Если требование изменений ушло на сервер — слишком много телодвижений нужно, чтобы перестать это делать. Нет уверенности в том, что изменения ещё не применились. Да, даже если мутация, на самом деле, ничего не делает. А мне надо было, стояла задача подключаться к источникам данных, но иметь возможность это подключение (или несколько) прекратить в любой момент без создания, собственно, токена. А вот запрос — отменить можно. Прямо в документации: или посылая AbortSignal, или вызывая соответствующий метод клиента, cancelQueries, по ключу запроса. С мутацией сильно больше телодвижений. Кстати, вы же в курсе, что ключи действуют как wildcard? todo среагирует и на todo-1, и на todo-2 и так далее. Это не самая очевидная вещь. Ладно, но всё же, как вызвать запрос императивно? Очень просто: комбинацией из refetch и параметра enabled в конфигурации хука:

    
        
useQuery<TokenResponse>({
    enabled: false,
    retry: false,
    refetchOnReconnect: false,
    refetchOnWindowFocus: false,
    refetchInterval: false,
    queryKey: ['connecting', dsId, connectionKey],
    queryFn: async ({ signal }) => {
         signal?.addEventListener('abort', cancelConnection);
          ...
     }
});
{}

И используем как обычно:

    
        
const {
    data: profile,
    refetch: startConnection,
    connectionStatus,
    isFetching: isFetchingConnection,
    isError,
} = useConnect(dataSource, ...);
{}

Секрет в том, что теперь refetch можно передать куда угодно и дёрнуть. Естественно, всегда создавайте кастомные хуки для useQuery и useMutation. Не держите логику в компоненте. Я ещё люблю отключать refetch по фокусу на окне и по потере соединения. Про идиотскую ситуацию с неправильным определением потери соединения я уже писал ранее. #react #tanstack #query #бородач

1032