Please open Telegram to view this post
    VIEW IN TELEGRAM
  YouTube
  
  MoscowJS 64 🟨 продолжаем праздники, готовьте шашлыки с MoscowJS в 2025
  event - https://moscowjs.org/
Донаты 💸
250руб+ - ревью резюме
1.000руб+ - код ревью
5.000руб+ - мок собес
Поддержка автора 🧊
boosty - https://boosty.to/siberiacancode
donatealerts - https://www.donationalerts.com/r/siberiacancode
Социальные сети 🔥
boosty:…
Донаты 💸
250руб+ - ревью резюме
1.000руб+ - код ревью
5.000руб+ - мок собес
Поддержка автора 🧊
boosty - https://boosty.to/siberiacancode
donatealerts - https://www.donationalerts.com/r/siberiacancode
Социальные сети 🔥
boosty:…
🍌3❤2👍1🔥1
  reactuse сэкономил мне 100+ часов работы 😎 
Давайте возьмем полезный хук useClickOutside. Теперь представим, что каждая команда делает его отдельно, каждая команда его ревьюит отдельно, каждая команда поддерживает его отдельно, каждая команда тестить его отдельно.
Команды раз за разом переносят данный хук из проекта в проект, а когда команды начинают работать вместе, они начинают спорить чья реализация лучше и почему😌 
Теперь умножим это в 10x — это примерное количество musthave хуков. Одна из моих задач, как техлида создавать комфортную среду разработчикам и ускорять процессы качественной разработки. Это мы с вами еще не поговорили про фичи, которые есть только в нашем пакете, например inject кода через cli
Забавный факт, что за меньше чем год, мы реально создали лучший пакетов хуков. Нам еще предстоит большая работа, но я горжусь этим проект уже сейчас🤩 
Давайте возьмем полезный хук useClickOutside. Теперь представим, что каждая команда делает его отдельно, каждая команда его ревьюит отдельно, каждая команда поддерживает его отдельно, каждая команда тестить его отдельно.
Команды раз за разом переносят данный хук из проекта в проект, а когда команды начинают работать вместе, они начинают спорить чья реализация лучше и почему
Теперь умножим это в 10x — это примерное количество musthave хуков. Одна из моих задач, как техлида создавать комфортную среду разработчикам и ускорять процессы качественной разработки. Это мы с вами еще не поговорили про фичи, которые есть только в нашем пакете, например inject кода через cli
Забавный факт, что за меньше чем год, мы реально создали лучший пакетов хуков. Нам еще предстоит большая работа, но я горжусь этим проект уже сейчас
Please open Telegram to view this post
    VIEW IN TELEGRAM
  8🍌19🔥9👍6❤3🏆2💘1
  Please open Telegram to view this post
    VIEW IN TELEGRAM
  🤯20❤17🔥13🍌7😁3🙈2🐳1🙊1
  Меня недавно спросили, почему mantine топ один среди коробочных ui китов, а не ant design 🫠 
Сейчас смотрим на реализацию компонента list в разных пакетах, вот такая в ant design
Рендер пропсы в 2025 году. А еще представим простую задачу, я хочу чтобы первый элемент был кликабельный, второй был ссылкой, третий просто статичным. Как это сделать в ant ? Правильно, смотрим индекс и условиями решать данный вопрос. Compound компоненты вот правильное решение.
Вы забудете о всех проблемах, лишние ререндеры листа, неудобная работа с пропсами и многое другое
Скоро мы рассмотрим больше ui китов вместе с вами👍 
Сейчас смотрим на реализацию компонента 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
  🍌24❤11🔥4🤯1
  
  🧊 siberiacancode x IT-ХОЗЯЕВА
Меня недавно спросили, почему mantine топ один среди коробочных ui китов, а не ant design 🫠   Сейчас смотрим на реализацию компонента list в разных пакетах, вот такая в ant design   <List   header={<div>Header</div>}   footer={<div>Footer</div>}   bordered…
mantine 8.0.0 — это здорово 🤟 
Поработали над css импортами и их разделением. Добавили прям кучу крутых компонентов и поработали над старыми.
Поработали над css импортами и их разделением. Добавили прям кучу крутых компонентов и поработали над старыми.
Please open Telegram to view this post
    VIEW IN TELEGRAM
  2🔥12❤4🍌3🤯1
  🍌18🗿2🤷♂1☃1✍1❤1👍1🔥1
  
  🧊 siberiacancode x IT-ХОЗЯЕВА
MoscowJS 64 + siberiacancode =  🤩   Продолжаются наши праздники и уже 15 мая на площадке red_mad_robot нас ждет очередной крутой митап от MoscowJS. Ребята хорошие друзья с Докой 😆  — платформой с понятными статьями от разработчиков для разработчиков 😁   Регистрация…
Огромное спасибо всем, кто вчера зашел к нам на трансляцию 🏆 
Очень лампово посидели и поговорили. Мне нравятся конференции и митапы тем, что после доклада можно поднять куча разных тем, пообсуждать и поразгонять их. Даю фидбек по докладам.
😉  Как прийти к линтеру в своей команде - базовый доклад про линтер, а точнее про eslint, для новичков пойдет, рад что подсвечен вопрос, что вам вероятнее всего не нужны кастомные правила, linter === web standard 
📞  Архитектура идет по плану - доклад начался очень хорошо, идея что архитектура инструмент, а не просто шаблон мне заходит, но потом было про eslint, полезно но хотелось бы больше раскрытия мыслей слоев, помним об composy experience 
🏋️  Коммиты без хаоса: как Conventional Commits делают историю чище и понятнее - сам доклад и повествование, найденные инструменты и опыт топ, но сильно не хватает проблематики, на стриме рассуждали зачем это все надо, зачем так сильно запариваться, в итоге ответ не нашли
🧐  Дискуссия: Стандарты ?= коллективное сознательное - такие штуки хороши тем, что мы получаем много опыта от крутых спецов. Проблема таких вещей, что это не все нужно и возможно стоит выбрать более простую тему для дискуссий. Ну и Никита пиарил маркет.
Огромное спасибо организатором MoscowJS, что разрешили официально рестримить трансляцию.
Очень лампово посидели и поговорили. Мне нравятся конференции и митапы тем, что после доклада можно поднять куча разных тем, пообсуждать и поразгонять их. Даю фидбек по докладам.
Огромное спасибо организатором MoscowJS, что разрешили официально рестримить трансляцию.
Please open Telegram to view this post
    VIEW IN TELEGRAM
  1❤7👍4🍌3🔥1🌭1
  Please open Telegram to view this post
    VIEW IN TELEGRAM
  boosty.to
  
  ⚡️ typescript стал в 10 раз быстрее и вот почему это хорошо - SIBERIA CAN CODE 🧊
  
4🍌7👍5❤1🔥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🍌5❤4🤯4🌭1🍾1
  
  🧊 siberiacancode x IT-ХОЗЯЕВА
Photo
Добавили 2 хелпера 📞 :
- createContext
- createStore
Мы сделали пару удобных оберток для работы внутри react. Первая это просто обертка над контекстом, чтобы не писать лишний болейрплейт, но вот второй хелпер это аналог zustand. Очень простой генератор сторов на event emitters. Самое важное, что с помощью него вы можете создавать состояния вне react😎 
- createContext
- createStore
Мы сделали пару удобных оберток для работы внутри react. Первая это просто обертка над контекстом, чтобы не писать лишний болейрплейт, но вот второй хелпер это аналог zustand. Очень простой генератор сторов на event emitters. Самое важное, что с помощью него вы можете создавать состояния вне react
Please open Telegram to view this post
    VIEW IN TELEGRAM
  siberiacancode.github.io
  
  reactuse
  Improve your react applications with our library 📦 designed for comfort and speed
9🔥10🍌5❤3🌭2🤯1
  Я был не прав, алгоритмы необходимы фронтендерам 🫠 
Прошло 6 лет и наконец-то это пригодилось. Мне нужно было реализовать алгоритм dfs. Советую и настаиваю на алгособесы, чтобы в будущем у вас не было проблем.
Прошло 6 лет и наконец-то это пригодилось. Мне нужно было реализовать алгоритм dfs. Советую и настаиваю на алгособесы, чтобы в будущем у вас не было проблем.
Please open Telegram to view this post
    VIEW IN TELEGRAM
  🌭38🍌26😁16🔥3❤2🗿2🙉2🦄2
  
  🧊 siberiacancode x IT-ХОЗЯЕВА
Я был не прав, алгоритмы необходимы фронтендерам 🫠   Прошло 6 лет и наконец-то это пригодилось. Мне нужно было реализовать алгоритм dfs. Советую и настаиваю на алгособесы, чтобы в будущем у вас не было проблем.
А что выберешь <🌭  vs 🍌 >  ты 🤔 
Please open Telegram to view this post
    VIEW IN TELEGRAM
  🍌131🌭71🍓4💅2😇1
  
  🧊 siberiacancode x IT-ХОЗЯЕВА
А что выберешь <🌭  vs 🍌 >  ты 🤔 
Хот доги, я вас не слышу 😬 
Please open Telegram to view this post
    VIEW IN TELEGRAM
  1🍌54🌭46👨💻2🔥1🎉1
  Please open Telegram to view this post
    VIEW IN TELEGRAM
  YouTube
  
  🏆 sigame своя игра по фронтенду (Глеб Михеев,  Александр Стародубцев, Денис Чернов, Антон Непша)
  Поддержка автора 🧊
boosty - https://boosty.to/siberiacancode
donatealerts - https://www.donationalerts.com/r/siberiacancode
Социальные сети 🔥
boosty: https://boosty.to/siberiacancode
telegram: https://www.tg-me.com/siberiacancode
vk: https://vk.com/siberiacancode…
boosty - https://boosty.to/siberiacancode
donatealerts - https://www.donationalerts.com/r/siberiacancode
Социальные сети 🔥
boosty: https://boosty.to/siberiacancode
telegram: https://www.tg-me.com/siberiacancode
vk: https://vk.com/siberiacancode…
23🔥24🍌10❤6🎉2🌭1
  
  🧊 siberiacancode x IT-ХОЗЯЕВА
Please open Telegram to view this post
    VIEW IN TELEGRAM
  YouTube
  
  🏆 sigame своя игра по фронтенду (Глеб Михеев,  Александр Стародубцев, Денис Чернов, Антон Непша)
  Поддержка автора 🧊
boosty - https://boosty.to/siberiacancode
donatealerts - https://www.donationalerts.com/r/siberiacancode
Социальные сети 🔥
boosty: https://boosty.to/siberiacancode
telegram: https://www.tg-me.com/siberiacancode
vk: https://vk.com/siberiacancode…
boosty - https://boosty.to/siberiacancode
donatealerts - https://www.donationalerts.com/r/siberiacancode
Социальные сети 🔥
boosty: https://boosty.to/siberiacancode
telegram: https://www.tg-me.com/siberiacancode
vk: https://vk.com/siberiacancode…
1❤6🔥4🍌3❤🔥2👍2🎉2
  
  🧊 siberiacancode x IT-ХОЗЯЕВА
Провели игру 👍 
Огромное спасибо Глебу Михееву, Сане Стародубцеву, Антону Непше и Денису Чернову. Очень круто посидели — всем участникам низкий поклон за выделенное время и такую отличную игру.
Всем зрителям огромное спасибо за интерес. Я мельком видел, что многие тоже играли — это только мотивирует продолжать такую активность😍 
Огромное спасибо Глебу Михееву, Сане Стародубцеву, Антону Непше и Денису Чернову. Очень круто посидели — всем участникам низкий поклон за выделенное время и такую отличную игру.
Всем зрителям огромное спасибо за интерес. Я мельком видел, что многие тоже играли — это только мотивирует продолжать такую активность
Please open Telegram to view this post
    VIEW IN TELEGRAM
  5🔥19🍌6❤3🎉3❤🔥2
  Please open Telegram to view this post
    VIEW IN TELEGRAM
  🔥26🍌5❤2😁2🎉1
  