🧊 siberiacancode x IT-ХОЗЯЕВА
Реатом меня удивил 📞 Я помню, когда смотрел на реатом в рамках своего доклада — это было сложно и местами перегружено. Сейчас вместе reatom + reactuse = 🏆 Сегодня я посмотрел на новую версию и это хорошо. Добавили пакеты для форм и роутинга, что увеличивает…
Репозиторий со стрима, думаю скоро попробуем переписать reatom v3 на v1000 в одном из моих репозиториев
GitHub
GitHub - debabin/reatom-wall-v1000: ⚛️ reatom v1000 + reactuse
⚛️ reatom v1000 + reactuse. Contribute to debabin/reatom-wall-v1000 development by creating an account on GitHub.
🔥7🍌5❤🔥1❤1👍1💅1
Please open Telegram to view this post
VIEW IN TELEGRAM
YouTube
🏖️ смотрим шри про next
Донаты 💸
250руб+ - ревью резюме
1.000руб+ - код ревью
5.000руб+ - мок собес
Поддержка автора 🧊
boosty - https://boosty.to/siberiacancode
donatealerts - https://www.donationalerts.com/r/siberiacancode
Социальные сети 🔥
boosty: https://boosty.to/siberiacancode…
250руб+ - ревью резюме
1.000руб+ - код ревью
5.000руб+ - мок собес
Поддержка автора 🧊
boosty - https://boosty.to/siberiacancode
donatealerts - https://www.donationalerts.com/r/siberiacancode
Социальные сети 🔥
boosty: https://boosty.to/siberiacancode…
🍌4❤1🔥1🎉1
🧊 siberiacancode x IT-ХОЗЯЕВА
Please open Telegram to view this post
VIEW IN TELEGRAM
YouTube
SIBERIA CAN CODE 🧊 - Frontend
Канал для frontend разработчиков
Смотрим самые новые и популярные frontend технологии 🔥 React, Vue, Angular, Nodejs, ...
Смотрим самые новые и популярные frontend технологии 🔥 React, Vue, Angular, Nodejs, ...
🍌10😢2🤯1🙏1
Please open Telegram to view this post
VIEW IN TELEGRAM
🍌41😁15❤8🌚4🌭3😍1
MoscowJS 66 + siberiacancode = 🏝
Снова в школу? Продолжаем учится софт и хардскилам с MoscowJS. Ребята хорошие друзья с Докой😆 — платформой с понятными статьями от разработчиков для разработчиков 🤓
Регистрация на офлайн уже открыта. Напоминаем: если используете промокод, то не забывайте нажать «Применить». Конечно же будет и онлайн часть, которую ваш покорный слуга будет стримить. Будем обсуждать, комментировать и хорошо проводить время и конечно задавать вопросы спикерам.
Если вы хотите стать спикером, то я максимально рекомендую попробовать свои силы, подать заявку и выступить у ребят на митапе. Я лично знаю ребят организаторов и точно знаю, что они вам помогут с вашим выступлением, подробнее можно узнать тут
MoscowJS: https://www.tg-me.com/moscowjs
Задать вопросы спикерам: https://moscowjs.org/qna/
Снова в школу? Продолжаем учится софт и хардскилам с MoscowJS. Ребята хорошие друзья с Докой
Регистрация на офлайн уже открыта. Напоминаем: если используете промокод, то не забывайте нажать «Применить». Конечно же будет и онлайн часть, которую ваш покорный слуга будет стримить. Будем обсуждать, комментировать и хорошо проводить время и конечно задавать вопросы спикерам.
Если вы хотите стать спикером, то я максимально рекомендую попробовать свои силы, подать заявку и выступить у ребят на митапе. Я лично знаю ребят организаторов и точно знаю, что они вам помогут с вашим выступлением, подробнее можно узнать тут
MoscowJS: https://www.tg-me.com/moscowjs
Задать вопросы спикерам: https://moscowjs.org/qna/
Please open Telegram to view this post
VIEW IN TELEGRAM
2🍌6❤4⚡1🔥1👌1
🧊 siberiacancode x IT-ХОЗЯЕВА
Совсем забыл дать фидбек по докладам с мероприятия 📞
🤔 Улучшаем семантику и автотесты: тандем разработки и тестирования - семантика действительна важна, чем мы пишем более читаемый код, тем он понятней. Но в рамках доклада я так и не понял, пчоему не подошли data-testid или же обычные id для локаторов. Моя рекомендация, продумайте систему ids для ваших локаторов и используйте data-testid. Конечно, мы не забываем про семантику, но решение что было в докладе не упрощает работу.
🤩 SVG в действии: как сделать статические схемы интерактивными - очень интересный доклад, ребята парсят svg из ржд и делают их интерактивными. Тема изложена хорошо, но в конце был очень хороший вопрос, почему сразу не сделать компонент на react. Ребята реализовали все через класс, который используют уже в хуке через useEffect. Такой подход может быть, но тогда класс должен быть агностик, а там он зашит на типизацию реакта, ну и должен быть не хук, а компонент, чтобы уменьшит ререндеры.
🤓 От сотни строк кода к одной: что мы сделали с серверным API на клиенте, чтобы всем хорошо жилось - базовый доклад, как ребята делали свой автоген. Единственное были вопросы к реализации хуков, что они слишком у них перегружены, короче говоря, доклад довольно специфичен, но подчеркнуть некоторые моменты можно.
🙁 От натива к вебу: BDUI интерфейс на базе DivKit - тут же доклад на интересную тему, которую я так и не понял зачем делать вообще. Звучит bdui круто, но как будто проще было сделать один endpoint с настройкой секций. Но опять же в докладе не хватило именно примеров и причин. В самом докладе даже примера взаимодействия не было, а вот хочется посмотреть подробней, чтобы понять "а зачем?".
Please open Telegram to view this post
VIEW IN TELEGRAM
3🍌7❤6🔥3🤯1
🧊 siberiacancode x IT-ХОЗЯЕВА
Тема Сенюков узнал, что я душнил на стриме 😵💫 теперь мне придется ответить, ведь следующий стрим мы вместе будем смотреть вторую часть и обсуждать react 📱
Please open Telegram to view this post
VIEW IN TELEGRAM
YouTube
🏖️ смотрим шри react архитектура 2 часть feat: Тема Сенюков @temaProg
шри - https://www.youtube.com/live/mxxnr5d64_Q
Донаты 💸
250руб+ - ревью резюме
1.000руб+ - код ревью
5.000руб+ - мок собес
Поддержка автора 🧊
boosty - https://boosty.to/siberiacancode
donatealerts - https://www.donationalerts.com/r/siberiacancode
Социальные…
Донаты 💸
250руб+ - ревью резюме
1.000руб+ - код ревью
5.000руб+ - мок собес
Поддержка автора 🧊
boosty - https://boosty.to/siberiacancode
donatealerts - https://www.donationalerts.com/r/siberiacancode
Социальные…
🍌4🔥3❤1🤯1
rutube выгружает youtube 🚬
Одна из проблем бана youtube — это что сам youtube является огромной библиотекой знаний. Там можно найти все: АйТи, кулинария, ремонт, детский контент и т.д.
На днях наткнулся, что мои ролики появляются на rutube на левых каналах. Данные каналы выглядят, как просто боты. Интересно, сколько понадобиться времени, чтобы скачать необходимый объем, ну и что за объем можно считать необходимым🤔
Одна из проблем бана youtube — это что сам youtube является огромной библиотекой знаний. Там можно найти все: АйТи, кулинария, ремонт, детский контент и т.д.
На днях наткнулся, что мои ролики появляются на rutube на левых каналах. Данные каналы выглядят, как просто боты. Интересно, сколько понадобиться времени, чтобы скачать необходимый объем, ну и что за объем можно считать необходимым
Please open Telegram to view this post
VIEW IN TELEGRAM
🍌17🙈3❤1🔥1🕊1
Ребята, я накосячил и случайно удалил всех из закрытого канала. Прошу прощение, за это на следующей неделе сделаем стримец в закрытом клубе, посидим и пообщаемся 📞
Чтобы вернуться нужно зайти в бота, написать ему "🎭 Доступные группы"🏋️
p.s. заслужил бананы
Чтобы вернуться нужно зайти в бота, написать ему "🎭 Доступные группы"
p.s. заслужил бананы
Please open Telegram to view this post
VIEW IN TELEGRAM
boosty.to
SIBERIA CAN CODE 🧊 - Канал для frontend разработчиков
Канал для frontend разработчиков Смотрим самые новые и популярные frontend технологии 🔥 React, Vue, Angular, Nodejs, ...
5🍌72😁3❤2🌚1
Я не ухожу от eslint 🤔
Не так давно вышла первая версия oxc, если коротко, набор инструментов на rust. Туда входить и убийца eslint-а, oxlint.
Как же я хвалил eslint за flat конфиги. Но в oxlint такого нет. Я вообще об этом не думал, но это же rust.
Flat конфиг — это самое лучшее решение от eslint команды, на столько просто работать не было возможно в прошлых версия.
Теперь у меня есть сомнения по поводу oxlint🎤 скорость vs dx. Я готов писать конфиг на rust, только не json прошу.
Не так давно вышла первая версия oxc, если коротко, набор инструментов на rust. Туда входить и убийца eslint-а, oxlint.
Как же я хвалил eslint за flat конфиги. Но в oxlint такого нет. Я вообще об этом не думал, но это же rust.
Flat конфиг — это самое лучшее решение от eslint команды, на столько просто работать не было возможно в прошлых версия.
Теперь у меня есть сомнения по поводу oxlint
Please open Telegram to view this post
VIEW IN TELEGRAM
🍌12❤3🌚2🔥1😁1
🧊 siberiacancode x IT-ХОЗЯЕВА
Ребята, я накосячил и случайно удалил всех из закрытого канала. Прошу прощение, за это на следующей неделе сделаем стримец в закрытом клубе, посидим и пообщаемся 📞 Чтобы вернуться нужно зайти в бота, написать ему "🎭 Доступные группы" 🏋️ p.s. заслужил бананы
Сегодня вечером будет razgovor 👍
Вечером всех жду в чате, будем общаться на разные айти темы в телеграме😎
Вечером всех жду в чате, будем общаться на разные айти темы в телеграме
Please open Telegram to view this post
VIEW IN TELEGRAM
5🍌9❤1🔥1🤯1
🧊 siberiacancode x IT-ХОЗЯЕВА
Сегодня вечером будет razgovor 👍 Вечером всех жду в чате, будем общаться на разные айти темы в телеграме 😎
После онлайн подкастика, подписчик пошел и сдела pull request в reactuse 🤩
Принес интересный rework, который я ранее не видел. Есть хук useStopwatch, который работает через interval. А что если не использовать setInterval? Даже сам setInterval под вопросом - он может дрифтить и быть неточным.
С помощью raf мы можем получить более точное измерение, но также мы получим ~60 ререндеров в секунду. Но концептуально это очень интересное решение, которое может кому-то где-то пригодится. Но к сожалению мы пишем на react и столько ререндеров это прям больно😵💫
Принес интересный rework, который я ранее не видел. Есть хук useStopwatch, который работает через interval. А что если не использовать setInterval? Даже сам setInterval под вопросом - он может дрифтить и быть неточным.
const useStopwatch = () => {
const [time, setTime] = useState(0);
const startTimeRef = useRef(Date.now());
useEffect(() => {
const updateTime = () => {
const elapsed = Math.floor((Date.now() - startTimeRef.current) / 1000);
setTime(elapsed);
requestAnimationFrame(updateTime);
};
requestAnimationFrame(updateTime);
}, []);
return time;
};С помощью raf мы можем получить более точное измерение, но также мы получим ~60 ререндеров в секунду. Но концептуально это очень интересное решение, которое может кому-то где-то пригодится. Но к сожалению мы пишем на react и столько ререндеров это прям больно
Please open Telegram to view this post
VIEW IN TELEGRAM
GitHub
main 🧊 refactor(useStopwatch): переписан хук с использованием timestamp и raf by Eksiart · Pull Request #356 · siberiacancode/reactuse
Добавлена поддержка миллисекунд в расчётах времени
Заменена логика setInterval на useInterval из библиотеки
Добавлен параметр updateInterval для гибкой настройки частоты обновления
Улучшена точност...
Заменена логика setInterval на useInterval из библиотеки
Добавлен параметр updateInterval для гибкой настройки частоты обновления
Улучшена точност...
1🔥9🍌6❤1🤯1
Please open Telegram to view this post
VIEW IN TELEGRAM
YouTube
MoscowJS 66 🟨 школа айти, уроки по расписанию
event - https://moscowjs.org/
Поддержка автора 🧊
boosty - https://boosty.to/siberiacancode
donatealerts - https://www.donationalerts.com/r/siberiacancode
Донаты 💸
250руб+ - ревью резюме
1.000руб+ - код ревью
5.000руб+ - мок собес
Социальные сети 🔥
boosty:…
Поддержка автора 🧊
boosty - https://boosty.to/siberiacancode
donatealerts - https://www.donationalerts.com/r/siberiacancode
Донаты 💸
250руб+ - ревью резюме
1.000руб+ - код ревью
5.000руб+ - мок собес
Социальные сети 🔥
boosty:…
🍌9❤2🎉2🙏1
🧊 siberiacancode x IT-ХОЗЯЕВА
MoscowJS 66 + siberiacancode = 🏝 Снова в школу? Продолжаем учится софт и хардскилам с MoscowJS. Ребята хорошие друзья с Докой 😆 — платформой с понятными статьями от разработчиков для разработчиков 🤓 Регистрация на офлайн уже открыта. Напоминаем: если используете…
Время для фидбека по докладам 😉 огромное спасибо организаторам за возможность рестрима, зрителям огромное спасибо, лампово посидели
🤔 Свой бот — проще, чем кажется - доклад, как не на самом свежем стеке сделать телеграм бота и webapp, а также как можно в них общаться. Ребята из чата подсказали, что это все легко гуглится, так что более мне сказать нечего.
🥄 В чём польза LangChain.js - ну данного спикера всегда приятно слушать, а вообще лично мне не хватило именно уже интеграции с ботом, вот пару бы слайдиков. Я понимаю, что времени мало, да и еще тему основную раскрыть надо, но вот сильно хотелось бы уже увидеть более реальную интеграцию llm + telegram.
🏋️ Один интерфейс, чтобы править всеми - доклад про кастомный конструкт сайтов. Сразу скажу, что также не хватило примеров, в конце показали пример как настраивать в конструкторе сайтов навигацию, но тогда не понятно, чем это отличается просто от админки. Ну и пол доклада про "3 буквы", хотя проект вообще в них не нуждался. Интересно было бы послушать про кастомизацию страниц и виджетов для партннеров, а если такого нет, то это и не конструктор вовсе получается.
📞 Особенности тестирования типов: нужно ли оно вам? - сразу к итогом, тестирование типов нужно только для тех, кто пишет библиотеку типов без исходного кода, например утилитарные типы для производства. Потому-что, если у вас есть исходный код, то сами типы подразумевают моментальную проверку этого кода на основе типов. А так автор показал некоторые прикольные ts конструкции, кто хотел побольше погрузится в typescript будет полезно глянуть для кругозора.
Please open Telegram to view this post
VIEW IN TELEGRAM
4❤6❤🔥4🔥4🍌4
🧊 siberiacancode x IT-ХОЗЯЕВА
Сегодня вечером будет razgovor 👍 Вечером всех жду в чате, будем общаться на разные айти темы в телеграме 😎
Первый подкаст "razgovor #1" 😎
В данном подкасте подняли темы:
1. Менеджмент и инициатива в проектах
2. Матрица компетенций при найме
3. Как найти работу сегодня и почему soft скиллы важны
4. Лучший state manager сегодня
5. Про llm на работе
В данном подкасте подняли темы:
1. Менеджмент и инициатива в проектах
2. Матрица компетенций при найме
3. Как найти работу сегодня и почему soft скиллы важны
4. Лучший state manager сегодня
5. Про llm на работе
Please open Telegram to view this post
VIEW IN TELEGRAM
boosty.to
🎤 подкаст "razgovor #1" - SIBERIA CAN CODE 🧊
Posted on Jul 01 2025
1🍌11❤3❤🔥2🔥1🌚1
Уровень подкаста вышел на следующий уровень, бекендеры на месте ? 🧐
Please open Telegram to view this post
VIEW IN TELEGRAM
YouTube
Большое интервью про Postgres / В офисе Олег Бартунов
Сегодня у нас большое интервью про Postgres. И для этого к нам в гости приехал Олег Бартунов - один из основных мейнтейнеров в большой Postgres и создатель компании Postgres Pro.
Олега без преувеличения можно назвать одним из создателей рунета. Он приложил…
Олега без преувеличения можно назвать одним из создателей рунета. Он приложил…
🍌5❤2🔥1💯1
Всем привет, хочу провести мок собес на канале в формате стрима. Собес будет из двух частей, одна часть теоретическая, вторая часть с лайвкодингом, но будет нюанс. Если ты заинтересовался пиши в личку канала или проходим форму 😉
Для участия желательно иметь: хороший микро, камеру, пару часов свободного времени, минимальную дикцию
Для участия желательно иметь: хороший микро, камеру, пару часов свободного времени, минимальную дикцию
Please open Telegram to view this post
VIEW IN TELEGRAM
Google Docs
собес
🌚9🍌8🔥5❤2
Вот за что я люблю shadcnui 🥰
На самом деле я очень рад, что web дорос до простых и удобных концепций. Headless библиотеки сейчас являются, как будто очевидными решением, но ранее мы почему-то не принимали такие концепции. Изменения css var, мы можем создать любой ui кить сегодня под наши нужды.
На самом деле я очень рад, что web дорос до простых и удобных концепций. Headless библиотеки сейчас являются, как будто очевидными решением, но ранее мы почему-то не принимали такие концепции. Изменения css var, мы можем создать любой ui кить сегодня под наши нужды.
Please open Telegram to view this post
VIEW IN TELEGRAM
www.neobrutalism.dev
Neobrutalism components - Start making neobrutalism layouts
A collection of neobrutalism-styled components based on shadcn/ui.
🔥11🍌7❤1🤯1
Please open Telegram to view this post
VIEW IN TELEGRAM
boosty.to
🧪 react 20 адекватное обновление, уже в лаборатории - SIBERIA CAN CODE 🧊
Posted on Jul 07 2025
4🍌5🔥4💘2❤1💯1
Please open Telegram to view this post
VIEW IN TELEGRAM
YouTube
🍟react use, делаем максимально покрытие для библиотеки
На данных 🍟 REACT HOOKS стримах мы создаем огромную и самую лучшую библиотеку react hooks для работы, мы будем не только их писать, но сравнивать различные апи для создания наилучшего решения
github repo - https://github.com/siberiacancode/reactuse
Донаты…
github repo - https://github.com/siberiacancode/reactuse
Донаты…
❤6🍌5🔥1💯1
