Latest posts
Матвей Клёнов | Frontend-разработчик
10 Sept, 08:57
Кто такой 🤖 Engineer?Разберём ещё одно перспективное направление.Данная позиция сейчас является самой быстрорастущей по результатам анализа LinkedIn.AI Engineer – разработчик, который внедряет в продукты ИИ-фичи.В его обязанности входит:🔗Знание основ и фреймворковОсновой является агентский цикл и tools, про него у меня есть видос 🎟Но низкоуровневый код вам уже писать не придётся.В TypeScript-экосистеме уже есть решения, которые упростят разработку слоя взаимодействия с моделями:- AI SDK ➡ писал пост
Матвей Клёнов | Frontend-разработчик
8 Sept, 09:43
Убийцы Shadcn из Y Combinator? 💵💰Мне нравится shadcn. Простой, компоненты прям в репо.Но даже hero-секция нам говорит: The Foundation for your Design SystemЕсли ты хочешь дать аппу premium ощущение, то вам стокового shadcn'а не хватит, но хочется так же быстро релизится.Так же у Vercel есть AI Elements на shadcn/ui для разработки AI-фичей, но по качеству мне не очень зашло.Рекомендую вам приглядеться к альтернативам, они даже входят в Y Combinator:🔗HeroUIУ них есть компоненты как под веб, так и под React Native.Красивые с нулевой.Есть готовые темы, но можно кастомить под себя тут.
Матвей Клёнов | Frontend-разработчик
6 Sept, 15:20
Кто такой Product Engineer 🍁Разработка ПО меняется по понятным всем причинам и нужно начинать играть по новым правилам.Компании хотят стать AI-first, и это факт:🔗Архитектура, к которой планирует прийти Сбер 🏦 🔗Coinbase увольняет сотрудников, кто не использует ИИ-инструменты и живет в «старом» времени 📈Теперь практика маленьких команд будет не только в компаниях с хорошей инженерной культурой.По мнению компаний ядром этих команд будет Product Engineer.Разберёмся с вами, кто это такой и какие компетенции нужно подтягивать, чтобы соответствовать этой позиции.Product Engineer – разработчик, ответственность которого заходит за рамки кода.Данное направление новое и до сих пор формируется, поэтому мы будем
Матвей Клёнов | Frontend-разработчик
4 Aug, 16:21
Очередной отзыв на курс «Архитектура Frontend'а для React-разработчиков» 🌟В этом и прошлом отзыве нет упора на конкретные технологии – значит, подать информацию получилось верно.Мозг не «перещёлкнет», если вы просто будете вызывать методы библиотек.Это иллюзия развития, которая не даёт двигаться вперёд по-настоящему ❌Курс помогает Frontend-разработчикам на React понять, что это всё лишь инструменты: какие-то лучше, какие-то хуже. Но писать или генерировать качественно можно в любой ситуации, если знать базу.Выход из этой иллюзии – большой шаг вперёд, вне зависимости от направления, в котором работаешь.Это переход со стадии «Применение» в стадию «Анализ», у кого-то даже в «Оценку» по таксономии Блума.Говорил об этом в видео «Frontend-разработчик в 2026: вырасти или застрять формашлёпом навсегда», там по
1,640Open in TelegramМатвей Клёнов | Frontend-разработчик
2 Aug, 15:01
🔤🔤🔤🔤AI Agent на React за 15 минут: Agent Loop, Tools и AI SDK 🎞В данном видео базово коснемся до "магии" инструментов, которыми сейчас пользуется вся планета: Claude Code, Opencode, Codex и т.д.Разберем такие темы как: ❤️Agent Loop ❤️Что такое AI SDK ❤️Что такое Tools ❤️Как реализовать простого AI агента на практикеСтавьте лайки и пишите комменты, это помогает продвигать видео и мотивирует меня.Всем приятного просмотра! 🥳Репозиторий с кодом видео 🔗
1,570Open in TelegramМатвей Клёнов | Frontend-разработчик
31 Jul, 20:24
Лучший способ по-настоящему понять тему — объяснить её так, чтобы понял другой.В работе сейчас два видео: ❤️Гайд по базе Reatom'а ❤️Гайд по базе AI EngineeringХочу сфокусироваться на видосах, чтобы ребутнуть YouTube после паузы.Какие видео были бы вам интересны 🌟Пиши в комментах 🔫
1,600Open in TelegramМатвей Клёнов | Frontend-разработчик
29 Jul, 17:21edited
Курс «Архитектура Frontend’а для React-разработчиков»🌟 Задача курса – стать швейцарским ножом по архитектуре для React-разработчиков.Для тех, кто хочет расти, но упёрся в потолок открытого доступа: либо новичковый контент про useState, либо толстая книга по архитектуре с примерами на Java.20 часов контента по архитектуре, после которых вы: ❤ Перестанете мыслить только хуками и компонентами – начнёте мыслить модулями с чёткой ответственностью ❤ Научитесь адаптировать SOLID, Dependency Injection, Inversion of Control и паттерны проектирования под React ❤ Разберётесь в зоопарке React-экосистемы и поймёте, какие инструменты брать и какие у них трейдоффы ❤ Наконец разберётесь в стейт-менеджменте: не «Zustand, потому что
1,750Open in TelegramМатвей Клёнов | Frontend-разработчик
27 Jul, 15:24
🔤🔤🔤🔤MVVM для React: как разделить бизнес-логику и UI раз и навсегда 🎞❤️Теория MVVM ❤️Как влияет MVVM на скорость анализа кода ❤️Реализация MVVM на MobX ❤️Моё мнение по поводу MVVM vs Hooks (на хуках тоже можно норм писать)Репозиторий Miro-доска Трансляция про реактивностьВсем приятного просмотра! 🥳
1,660Open in TelegramМатвей Клёнов | Frontend-разработчик
22 Jul, 18:06
Анти-гайд по продаже стейт-менеджера ️⃣Недавно смотрел конфу по Effector. Приложил скрины оттуда к видосу.До сих пор вижу как в 2026 году пытаются продать стейт-менеджеры не через их DX в сложных prod-кейсах (некоторые такого и не предоставляют на самом деле), а через сравнение с голым React'ом без инфраструктуры, очередной вкид про рендеры из-за React.Context и мемом, где 100 глобальных провайдеров оборачивают приложение.Хэйт хуков оправдан только в 1% приложений, где без хорошей реактивной системы ты просто сойдешь с ума.А хейт с аргументами в прикрепленном видео выглядит просто смешно.Надо быть прагматиком и действовать по ситуации.Вопрос лишь в том, понимаете вы ситуацию или нет.Скоро будет видео про MVVM, где поговорим об этом подробнее.Всем доброго вечера 🚬Матвей Клёнов | Frontend-разработчик
20 Jul, 06:58
Opencode Desktop + RTK CLI для сейва токеновКакое-то время пользовался Codex'ом и было норм, но❤️После обновления ловил дефекты от которых горело одно место❤️Мою карту "Плати по миру" реджектает OpenAi, а меня утруждает выкручиваться для простой оплаты сервиса. Почему они просто не хотят взять мои деньги? 😇❤️Постоянно выходят релизы новых моделей, но я не вижу кардинальной разницы уже давноПоэтому я просто вернулся на Opencode, но уже обновленный Desktop (скрин приложил) с подпиской на Opencode Go за 10 бачей, под мои задачи на данный момент хватает.Использую RTK CLI – CLI-прокси, который перехватывает shell-команды агента и сжимает их вывод перед тем, как он попадёт в контекст LLM.Делаем rtk init -g --opencode и переписываем скаченный плагин
1,560Open in TelegramМатвей Клёнов | Frontend-разработчик
7 Jul, 20:23
Удобная работа с mermaid❤️Просите Codex сделать визуализацию в mermaid формате нужных вам модулей и их связи❤️Закидываете результат в Mermaid Live Editor и делаете тюнинг уже тамАпдейты по жизни: ❤️Сдал диплом, скинув груз. Везде успевать на протяжении этих лет было оч тяжело, но мы справились.❤️Доделываю последнюю часть курса, делаем фичу оформления документов со степпером, частый кейс для финтеха. Использую MobX и его экосистему.❤️Много думал о развитии и уже есть понимание и трек дальнейших действий. Позже расскажу вам об этом, потому что будет влиять на канал.Спасибо, скоро буду 🌟
1,850Open in TelegramМатвей Клёнов | Frontend-разработчик
11 Jun, 16:17
Дебютный отзыв на курс «Архитектура Frontend'а для React-разработчиков» ⭐️Приятно услышать такой фидбек за честную работу.🌟 Задача курса – стать швейцарским ножом по архитектуре для React-разработчиков.Для тех, кто хочет расти, но упёрся в потолок открытого доступа: либо новичковый контент про useState, либо толстая книга по архитектуре с примерами на Java.❤️Смотришь на форму из 10 полей и не понимаешь, почему код выглядит так, будто это разработка ядерного реактора.❤️Видишь Redux, MobX, Zustand, Reatom, Effector, Signals и не понимаешь, чем они различаются и как влияют на архитектуру всего приложения.Зоопарк, который на YouTube раскрывают на уровне доки или не раскрывают вообще.❤️Слышал про DI, IoC, SOLID, но
2,320Open in TelegramМатвей Клёнов | Frontend-разработчик
8 Jun, 15:54
Ответственность React – быть View-слоемЯ думаю много раз видели огромные компоненты на 500+ строк, в которых намешана логика, UI, условный рендеринг, инфра и т.дКорень проблемы – размытые границы ответственности и не пониманием, что за что отвечает.В продакшене логики много, UI разрастается, условного рендеринга всё больше, и если четко не разделять ответственность, то компонент превращается в God Object, который нельзя ни прочитать, ни поддерживать.Ок, React отвечает только за View, все просто.Тогда почему я вижу компоненты, которые принимают по 15-30 пропсов? :)В данном видео расскажу вам про базовые принципы композиции компонентов: разделение layout логики от компонентов, паттерн slot, важность нейминга компонентов.Почему ваши React-компоненты невозможно читать 🌟Почитайте ещё про renderProp, от слотов отличается возможностью получать
1,970Open in TelegramМатвей Клёнов | Frontend-разработчик
7 Jun, 14:48
Тут очень жесткий фундаментальный подгон по реактивности от Дениса и Дмитрия🧩 web реактивность, все виды реактивности во frontend (react, vue, ...) feat: Денис izede ЧерновЭто одна из тех тем, которая может вытащить вас из непонимания зоопарка технологий и замотивирует вас как разраба.Мне кажется, что эта тема на равне с архитектурой пробивает плато «написал компонентик, useState сделал, пропсы прокинул»Вместо обнуления перед понедельником рекомендую вам к просмотру данную запись.И скоро будет новый видос на Youtube про то, какую ответственность React на себя должен брать при разработке больших prod-проектов.Всем добра 🥳
1,770Open in TelegramМатвей Клёнов | Frontend-разработчик
6 Jun, 11:39
«Не пишу код руками» !== «Не думаю головой»Многие люди неправильно воспринимают фразу: «Не пишу код руками больше вообще»Под этим имеется в виду сам факт печати на клавиатуре, а не то, что Codex за вас всё делает.Исторически наша работа была устроена примерно как 80/20:❤️80% – это рутинное исполнение задачи: написание бойлерплейта ручками на клавиатуре.❤️20% – архитектурное мышление, проектирование, понимание точки A и точки B, как модули определенной ответственности будут взаимодействовать с другими модулями, подбор стека под задачу.И вот эти 20% всегда отличали avg кодера от реального инженера.Человека, который не просто дёргает API библиотек по доке, а для которого React – это просто инструмент для достижения конечного результата.Использование Codex'a и Claude Code не выдало людям эти 20%.Кто-то по-пре
1,530Open in TelegramМатвей Клёнов | Frontend-разработчик
5 Jun, 07:01edited
Как сквозные модули решают свалку в папке commonОгромный common – это база для больших проектов.Разработчики действуют так: если понимают, что что-то переиспользуется в двух-трех местах – значит кладём это в common.Размещение в глобальном common – знак для других, что можно тянуть этот модуль куда угодно.Строгость архитектуры пропадает.В FEOD есть такая концепция, как сквозной модуль, которая будет решать эту проблему. Если, конечно, разраб с головой.Представим, что у нас есть три модуля: npm, yarn и pnpm. И между ними есть общая логика.🌟 До: src/ ├── common/ │ └── package-manager-core/ ← к общему имеет доступ весь проект │ ├── resolve-lockfile.ts │ ├── parse-manifest.ts
1,370Open in TelegramМатвей Клёнов | Frontend-разработчик
4 Jun, 07:15
Реактивность через Proxy🌟🌟🌟Куча раз слышал на собеседованиях и просто в обсуждениях такую фразу: «React не реактивный, во Vue реактивность через Proxy»Proxy – это просто способ доступа до системы реактивности, а сама эта система (структура данных, способ обхода) у всех разнится.Например, в Preact Signals используется Linked List.Можете посмотреть в исходниках тип Node. И сам метод addDependency, который добавляет ноду в Linked List.Т.е сам по себе Proxy к реактивности никакого отношения не имеет. Это просто паттерн, который позволяет делать перехват вызова.У меня даже про него видос был давно : 🌟 Что такое Proxy в JavaScript. Реализация двустороннего связывания.Если в следующий раз услышите, что во Vue реактивность через Proxy, то
1,360Open in TelegramМатвей Клёнов | Frontend-разработчик
2 Jun, 14:59
Хочу обновить wallpaper канала, бустаните плз 🌟https://t.me/boost/y0na24_devTelegramМатвей Клёнов | Frontend-разработчикПроголосуйте за канал, чтобы он получил больше возможностей.1,420Open in TelegramМатвей Клёнов | Frontend-разработчик
2 Jun, 06:32
Архитектура vs Структура«О, ну проект на FSD, пацаны шарят»Возможно, пацаны ничего не шарят, а принимают все решения в проекте по принципу «подходит ли мой компонент по смыслу под слово entity», т.е совпадает ли он со словарём.Так максимум можно добиться норм структуры, но это не гарантия хорошей архитектуры.Чем же отличается структура от архитектуры❤️Структура – это где файл физически лежит в дереве.Это твоя файловая система, не больше.Но кто-то недооценивает вклад структуры в архитектуру.Архитектура – это как течёт логика и какую ответственность берут на себя отдельные модули, и как эти модули дают доступ до своих методов другим.Как View, ViewModel и Model не знают (у кого-то знают) друг о друге.
1,560Open in TelegramМатвей Клёнов | Frontend-разработчик
17 May, 13:19
Импортозамещение, которое мы заслужилиМне приятно видеть, что наши разработчики делают реально крутые Frontend-инструменты, которые решают проблемы.Три проекта, которые я использую сам и которые меняют то, как ты пишешь код.✅Reactuse от Дмитрия Бабина150+ кастомных хуков от Дмитрия и контрибьютеров.Каждый новый проект начинается с написания одних и тех же useDebounce, useLocalStorage, useClickOutside. Инфраструктурный код, который не должен жить в твоём репозитории.Подключаешь reactuse и забываешь об этом. Если хочешь, то можешь тянуть их себе в репо через CLI. Тулинг шикарный.✅Reatom от Артёма АрутюнянаПопулярные решения для стейт-менеджмента либо примитивны как Zustand, либо неудобны как Redux.Это может вызвать впечатление, что на этом у нас всё и удобнее быть не может.
Related Channels
Other channels in the same section of the catalogue.
