Telegram Web Link
reactuse сэкономил мне 100+ часов работы 😎

Давайте возьмем полезный хук useClickOutside. Теперь представим, что каждая команда делает его отдельно, каждая команда его ревьюит отдельно, каждая команда поддерживает его отдельно, каждая команда тестить его отдельно.

Команды раз за разом переносят данный хук из проекта в проект, а когда команды начинают работать вместе, они начинают спорить чья реализация лучше и почему 😌

Теперь умножим это в 10x — это примерное количество musthave хуков. Одна из моих задач, как техлида создавать комфортную среду разработчикам и ускорять процессы качественной разработки. Это мы с вами еще не поговорили про фичи, которые есть только в нашем пакете, например inject кода через cli

Забавный факт, что за меньше чем год, мы реально создали лучший пакетов хуков. Нам еще предстоит большая работа, но я горжусь этим проект уже сейчас 🤩
Please open Telegram to view this post
VIEW IN TELEGRAM
8🍌19🔥9👍63🏆2💘1
Время пришло, я начинаю писать свою архитектуру для фронтенда — "composy experience design" 🍜
Please open Telegram to view this post
VIEW IN TELEGRAM
🤯2017🔥13🍌7😁3🙈2🐳1🙊1
Меня недавно спросили, почему mantine топ один среди коробочных ui китов, а не ant design 🫠

Сейчас смотрим на реализацию компонента list в разных пакетах, вот такая в ant design

<List
header={<div>Header</div>}
footer={<div>Footer</div>}
bordered
dataSource={data}
renderItem={(item) => (
<List.Item>
<Typography.Text mark>[ITEM]</Typography.Text> {item}
</List.Item>
)}
/>


Рендер пропсы в 2025 году. А еще представим простую задачу, я хочу чтобы первый элемент был кликабельный, второй был ссылкой, третий просто статичным. Как это сделать в ant ? Правильно, смотрим индекс и условиями решать данный вопрос. Compound компоненты вот правильное решение.

Вы забудете о всех проблемах, лишние ререндеры листа, неудобная работа с пропсами и многое другое

<List type="ordered">
<List.Item onClick={}>Clone or download repository from GitHub</List.Item>
<List.Item><a href='#'>Install dependencies with yarn</a></List.Item>
<List.Item>To start development server run npm start command</List.Item>
</List>


Скоро мы рассмотрим больше ui китов вместе с вами 👍
Please open Telegram to view this post
VIEW IN TELEGRAM
🍌2411🔥4🤯1
Что ты выбираешь 👉
Anonymous Poll
30%
kpi
70%
okr
🍌18🗿2🤷‍♂1111👍1🔥1
🧊 siberiacancode x IT-ХОЗЯЕВА
MoscowJS 64 + siberiacancode = 🤩 Продолжаются наши праздники и уже 15 мая на площадке red_mad_robot нас ждет очередной крутой митап от MoscowJS. Ребята хорошие друзья с Докой 😆 — платформой с понятными статьями от разработчиков для разработчиков 😁 Регистрация…
Огромное спасибо всем, кто вчера зашел к нам на трансляцию 🏆

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

😉 Как прийти к линтеру в своей команде - базовый доклад про линтер, а точнее про eslint, для новичков пойдет, рад что подсвечен вопрос, что вам вероятнее всего не нужны кастомные правила, linter === web standard

📞 Архитектура идет по плану - доклад начался очень хорошо, идея что архитектура инструмент, а не просто шаблон мне заходит, но потом было про eslint, полезно но хотелось бы больше раскрытия мыслей слоев, помним об composy experience

🏋️ Коммиты без хаоса: как Conventional Commits делают историю чище и понятнее - сам доклад и повествование, найденные инструменты и опыт топ, но сильно не хватает проблематики, на стриме рассуждали зачем это все надо, зачем так сильно запариваться, в итоге ответ не нашли

🧐 Дискуссия: Стандарты ?= коллективное сознательное - такие штуки хороши тем, что мы получаем много опыта от крутых спецов. Проблема таких вещей, что это не все нужно и возможно стоит выбрать более простую тему для дискуссий. Ну и Никита пиарил маркет.

Огромное спасибо организатором MoscowJS, что разрешили официально рестримить трансляцию.
Please open Telegram to view this post
VIEW IN TELEGRAM
17👍4🍌3🔥1🌭1
💳 РАННИЙ ДОСТУП

⚡️ typescript стал в 10 раз быстрее и вот почему это хорошо
Please open Telegram to view this post
VIEW IN TELEGRAM
4🍌7👍51🔥1🙏1🌭1
Готовим пару полезных утилит для reactuse 📞
Please open Telegram to view this post
VIEW IN TELEGRAM
Please open Telegram to view this post
VIEW IN TELEGRAM
2🔥7🍌54🤯4🌭1🍾1
🧊 siberiacancode x IT-ХОЗЯЕВА
Photo
Добавили 2 хелпера 📞:

- createContext
- createStore

Мы сделали пару удобных оберток для работы внутри react. Первая это просто обертка над контекстом, чтобы не писать лишний болейрплейт, но вот второй хелпер это аналог zustand. Очень простой генератор сторов на event emitters. Самое важное, что с помощью него вы можете создавать состояния вне react 😎
Please open Telegram to view this post
VIEW IN TELEGRAM
9🔥10🍌53🌭2🤯1
Я был не прав, алгоритмы необходимы фронтендерам 🫠

Прошло 6 лет и наконец-то это пригодилось. Мне нужно было реализовать алгоритм dfs. Советую и настаиваю на алгособесы, чтобы в будущем у вас не было проблем.
Please open Telegram to view this post
VIEW IN TELEGRAM
🌭38🍌26😁16🔥32🗿2🙉2🦄2
🧊 siberiacancode x IT-ХОЗЯЕВА
А что выберешь <🌭 vs 🍌> ты 🤔
Хот доги, я вас не слышу 😬
Please open Telegram to view this post
VIEW IN TELEGRAM
1🍌54🌭46👨‍💻2🔥1🎉1
Ребята, держите самую большую и удобную библиотеку иконок. Вы можете использовать ее, как захотите. Для кода, презентаций и т.д. Имеются экспорты даже в компоненты 🤩

Тот же nuxt имеет прямую интеграцию с этой библиотекой 👍
Please open Telegram to view this post
VIEW IN TELEGRAM
129🔥10🎉4🍌3
🧊 siberiacancode x IT-ХОЗЯЕВА
🍿 АНОНС СТРИМА 25 мая в 19:00 по мск youtube — twitch — vk
Уже скоро старт, проведем все вместе отлично этот вечер. Мы все тут знаем, победить Денис, но это не повод грустить другим участникам, а повод провести конец недели с удовольствием и позитивом 👍

youtubetwitchvk
Please open Telegram to view this post
VIEW IN TELEGRAM
16🔥4🍌3❤‍🔥2👍2🎉2
🧊 siberiacancode x IT-ХОЗЯЕВА
🍿 АНОНС СТРИМА 25 мая в 19:00 по мск youtube — twitch — vk
Провели игру 👍

Огромное спасибо Глебу Михееву, Сане Стародубцеву, Антону Непше и Денису Чернову. Очень круто посидели — всем участникам низкий поклон за выделенное время и такую отличную игру.

Всем зрителям огромное спасибо за интерес. Я мельком видел, что многие тоже играли — это только мотивирует продолжать такую активность 😍
Please open Telegram to view this post
VIEW IN TELEGRAM
5🔥19🍌63🎉3❤‍🔥2
hr отделы тут 🤔 гениальная идея от подписчика
Please open Telegram to view this post
VIEW IN TELEGRAM
🔥26🍌52😁2🎉1
2025/10/31 15:24:51
Back to Top
HTML Embed Code: