Матвей Клёнов | Frontend-разработчик

В А*УЕ с 🔤🔤🔤🔤🔤🔤 Транзакции во Frontend'е – это жёстко. Прикрепляю отрезок видео из курса по архитектуре, где мы разбираем, что такое Optimistic updates и смотрим реализацию на Reatom. 🔗 Ссылки: - Optimistic updates в Reatom - Сравни с Tanstack Query ⚠ ПОДРОБНЕЕ ПРО КУРС ПО АРХИТЕКТУРЕ

Setup на MacOS для быстрой разработки Ускоряться можно не только за счёт кофе и знаний, а ещё с правильном setup'ом, который будет радовать глаз и сокращать кол-во кликов. Сегодня расскажу свой сетап для разработки, который бустит меня, а не делает вид. 🔴Zed + Vim + слепой набор Я не трогаю мышку при разработке вообще за счёт Vim. Я просто переключаю режим клавиатуры с Normal на Insert. Без навыков слепого набора этого не удалось бы достичь, учился я на Ratatype. 30 минут в день перед сном и че...

А на каких технологиях писать в 2026 году? За этот год я провел много one-to-one созвонов, на которых я разбирал архитектуру прод приложений и каждый call заканчивался вопросом: «А на чем бы писал ты?» До знакомства с Reatom, я использовал связку MobX и Query Observer. Т.е я брал лучшее от MobX и Tanstack Query, и это работало ВНЕ React, что для меня было очень важно. Переехать на MobX Form было невозможно, поэтому работал на React Hook Form. Какая тут архитектурная проблема? Из-за правила хуков...

🔤🔤🔤🔤 🎞 Как работать с формами в React | Гайд на React Hook Form + Zod 🔴API React Hook Form'а 🔴Чем отличается от Formik 🔴Что такое Zod 🔴Валидации на чистом RHF и с Zod Excalidraw Поговорили о базовых вещах, будет полезно для людей, кто не знаком с Zod и хочет быстро освежить знания. Приятного просмотра! 🍷

🔤🔤🔤🔤 🎞 Как реализовать интернационализацию в React без боли (Paraglide.js) 🔴Что такое Paraglide.js и как он работает 🔴В чём выигрывает у i18next 🔴Реактивность через Reatom 🔗 Репозиторий 🔗 Excalidraw 🏂 Изучи архитектуру Frontend-приложений и стань на голову выше рынка

Dependency Injection в React без смс и регистрации В больших проектах мне крайне важно тестирование, как мы с вами говорили ранее, без инверсии зависимостей это невозможно реализовать. Вот таким простым образом мы можем абстрагировать наши фичи от деталей. Внутри WorkflowMonitoring у нас high cohesion, свои сторы, утилиты, компоненты. В Composition Root (слой страниц) мы реализуем Dependency Injection с помощью React.Context. В тестах просто вызываем WorkflowMonitoringInjector с моком и спокойно...

Я протестирую 🔤🔤по-настоящему и расскажу тебе результат Хайп ИИ колоссальный. Я уверен, что ты тоже 100 раз видел, как люди говорят о том, что 95% кода им пишет ИИ. Я никогда не пользовался встроенным ИИ-помощником, потому что был плохой опыт. Но хайпа стало ещё больше. React включил в репозиторий работу с Claude. Vercel дропают React best practices. The Open Agent Skills Ecosystem. Меня вынудили его использовать и теперь я его проверю по-настоящему. И хочется сказать, что я идеальный критик И...

Почему многим не зашёл 🔤🔤🔤 Feature-Sliced Design – одна из первых архитектурных методологий, которая родилась именно во фронтенд-сообществе. И за это команде FSD респект – они реально подтолкнули людей задуматься об архитектуре. Но факт остаётся фактом: многим FSD не зашёл. И причин две. 🔴 Люди не любят правила Запрет на кросс-импорты, строгое именование слоёв, жёсткая структура папок – для многих это стало первым столкновением с архитектурными ограничениями. И первая реакция организма – отт...

Peak Big-tech production code 2026 Много людей, которые не работали в больших компаниях считают, что там работают роботы программирования. Возникают страхи, неуверенность в себе. Вот вам скрин кодяры одного из микрофронтов. Мне аж страшно стало. Так что убирайте эту неуверенность, делайте сложные штуки и топите. Симбиоз hard'ов + навыки поиска работы = результат. А навыки для поиска работы – отдельная тема. В следующем посте поговорим об этом.

Я УСТАЛ ПЕРЕДЕЛЫВАТЬ РЕЗЮМЕ ❗️❗️❗️ И как любой нормальный прогер, я это автоматизировал. Встречайте, HR–DESTROYER 👊 ГПТ с контекстом под прохождение ATS для Frontend-разработчиов на React. Загрузил в него вакансии топ-компаний + информацию из лучших источников по составлению резюме. Закидываешь в него резюме и нейронка подробно описывает, какие моменты можно улучшить под настоящие вакансии. Но не верьте слепо ИИ, анализируйте полученные вами ответы. Пользуйтесь на здоровье! 🥃🥃 А дальше на тех...