🍿 поехали играть

youtube — twitch — vk

🍿 АНОНС СТРИМА 26 апреля в 11:00 по мск

youtube — twitch — vk

siberiacancode vs holyjs 😁

Завтра будет реванш. Они не взяли мой доклад, теперь мы сыграем в league of legends. Будет тяжелое утро.

26 апреля в 11:00 по мск 👍

Если у вас есть пару минут и вы хотите мне помочь, прошу заполнить формочку, спасибо 🏖

React меня услышал 🤩

Последние три релиза React были направлены на vercel и next. Мы, как пользователи, по сути, получали ничего. И вот чудо — целая статья с ништякам

В статье описаны такие штуки, как Activity и ViewTransitions.

😁 Activity — Это супер крутая фича, которую они давно хотели добавить. Суть простая: благодаря Activity, можно спрятать компонент, но не размонтировать его.
Теперь табы, страницы и другие подобные кейсы можно реализовать по-другому — без необходимости хранить состояние выше, как раньше, ведь при unmount всё терялось.

😎 ViewTransitions — Выглядит хорошо. Главное — чтобы это не запихнули в сам react, а сделали отдельным пакетом (react/transition, например). Работа с native CSS View Transitions — выглядит как грамотное и современное решение.

Самое интересное для меня — effects без зависимостей через компилятор. Хотя мы все знаем текущее состояние этого самого компилятора

useEffect(() => {
const connection = createConnection(serverUrl, roomId);
connection.connect();
return () => {
connection.disconnect();
};
}); // compiler inserted dependencies.

а также использование use для внешних сторов. Я давно говорил, что useSyncExternalStore — слишком сложный хук для большинства. А теперь просто:

const value = use(store);

Если внимательно прочитать статью, понимаешь, что Activity и ViewTransitions, скорее всего, нужны vercel для next.Но в отличие от предыдущих фич, эти можно использовать в клиентских приложениях и получить крутой прирост по UX и DX. React убирает зависимости из эффектов, добавляет простую работу с внешними сторами. Но важный момент, это все эксперименты и может не доехать до нас 🚗

Мы посмотрели svelte, и это нормально 😁

Адекватный dx, напоминает vue, а с приходом vercel пятая версия начинает выглядеть всё более "реактово". Но, как обычно, простая проблема — экосистема. Сообщество не самое большое. Даже аналога svelteuse нет.

Experience мне понравился, но такой же вопрос у меня был и к solid — зачем мне svelte, если есть vue и react?

🍿 стартуем svelte

youtube — twitch — vk

Я погрузился в nuxt 👩‍💻 и это супер хорошо

Да есть нюансы спорные, а также проблемки. Например, для меня было удивлением, что нет not-found для каждой страницы, как в next. А с другой стороны был крайне удивлен плагинам и экосистеме nuxt. На столько, что пора написать nuxt плагин для google-recaptcha пакета 🤩

Уже прошла половина времени от нашего топового конкурса 😎

Не забываем участвовать, чтобы получить бесплатный билет на одну из лучших конференций про javascript HolyJS . Я думаю мы с joindev показали вам невероятный вайб и атмосферу, крутых спикеров и самое важное нетворкинг 🥰

Фуллстеки не существуют 🧐

Вот я выложил нарезку про фуллстек. Там я говорю, что фуллстеков не существует. Основной мой пойнт — ты всё равно будешь специализироваться в чём-то одном, а вторая ветка будет просто в рамках t-shape. Можно ли называть таких спецов фуллстеком — решает уже каждый сам. Далее, конечно, идут общепринятые аргументы:

🍕 Frontend и backend — сложные. Почти невозможно быть экспертом и там, и там. Знания по обеим сферам обычно поверхностные.
😵 Команда лучше, чем универсалы. В больших проектах всегда выигрывают фича-тимы, а не соло-фуллстеки.
🤫 Разработка требует опыта. Решения «на глаз» работают до первой нагрузки — потом начинается боль и рефакторинг.

Я твёрдо уверен: если побежать в обе стороны, ты не станешь специалистом ни в чём. Но я также верю и знаю, что есть исключения и реально крутые специалисты. Более того, чтобы по-настоящему понять фронтенд, нужно смотреть на него с разных сторон — бэкенда, девопса, дизайна, тестирования и т.д.

🍿 АНОНС СТРИМА 23 апреля в 15:00 по мск

youtube — twitch — vk

reatom@1000 > zustand 👌

Забавно, что вот буквально вчера у меня спросили, есть ли какой-то state manager монополист для react. Ответ мой был таков, был redux, после него рекламный zustand и по факту все. Сейчас нет монополиста для external state managementа.

Вчера, Артем выкатил новую версию reatom и промолвил, это state manager теперь для всех. Смотрю на пример и как будто я где-то это видел 📞

У reatom основной проблемой была сложность, сейчас же проблема потихоньку уходит, останется только нехватка необходимой экосистемы, очень уж хочется роутер и формы.

Остается только один вопрос, когда reatom станет на ряду с react, vue, angular 🤔

Добил авторизацию через jwt 😎

В итоге модель следующая: заходим через twitch oauth, создаем внутренние токены, живем с ними.

Данные из twitch обновляем при повторном заходе и сделаем кнопку внутри профиля с синхом 📱

Мне нужна ваша помощь 🥪

Мы хотим сделать действительно качественный контент, чтобы это сделать мне нужна ваша помощь. Прошу вас просто пройти данный опросник, это не займет много времени, спасибо 📞

🍿 стартанули

youtube — twitch — vk

🍿 АНОНС СТРИМА 19 апреля в 13:00 по мск

youtube — twitch — vk

Я ментор и куратор 😎

Я ужас, как горжусь своими джунами, я видел их старт и вижу их развитие. Каждый уникален, кто-то больше в харды, кто-то больше в софты. Я давно вам обещал описывать работу с ребятами, но тот проект закрылся и вот прошло достаточно времени, чтобы я мог сказать главное.

Мои ребята самые топовые джуны, они уже сильнейшие, а я просто дальше буду наблюдать за их ростом и помогать становится еще сильнее. Я уверен, что каждый из ребят добьется успеха.

p.s. ментор только в рамках компании

🍿 это что стрим запустился

youtube — twitch — vk

🍿 АНОНС СТРИМА 18 апреля в 18:30 по мск

youtube — twitch — vk

Что такое мвп 🤔

Вы делаете какое-то решение, супер важно получать с него профит, как можно скорее. Это касается любого продукта.

Если вы делаете продукт год и не даете к нему доступ, то есть огромный шанс получить супер много негативного фидбека и багов в придачу, ну и после логичное закрытие проекта 🚽

Но если бы вы отдавали ваш продукт по кускам и раньше, то вы получали фидбек и пользу намного раньше. Пользователь начнет пользоваться вашим решением, вы же будете его усовершенствовать.

Вот возьмем, как пример, библиотеку, о которой я писал выше. Можно сразу сделать все, генерацию типов, апи, моков и хуков, но это займет намного больше времени, чем сделать сначала генерацию типов и пересесть на свое решение 😵

врать === плохо
накручивать !== плохо
накручивать === врать

javascript порешал 🫠

Накрутка опыта, ок 😇

На holyjs провел опрос по накрутке опыта, как люди вообще к этому относятся. Результат следующий, я бы сказал сообщество приняло накрутку, прям негатива было очень мало. Все считают это необходимостью, ведь есть hr фильтры.

На вопрос: "А вы уверены, что есть фильтры?", люди начинали сомневаться. Встречались люди, которые через кровь и пот прорвались в айти. Многие в итоге были согласны, что рекомендации и нетворкинг это хороший вариант для входа в айти.

Ну и я опять это скажу, многие компании не могут себе позволить джунов, поэтому и ищут ненулевой или же даже большой опыт, чтобы посадить человека и он сразу начал работать в компании из 15 сотрудников. Сам нанимаю джунов, фильтров на опыт у нас при таком поиске отсутствуют вовсе.

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

О чем тут говорить, Тема Сенюков из кинопоиска на стриме буквально позвал людей на стажировку без опыта. Кто ищет, тот всегда найдет 😂

132 хука было реализовано 😍 добавили:

- useSpeechSynthesis
- useWakeLock

Планы на библиотеку пока простые, дальше писать хуки и тесты. Также в будущем хочется поддержать i18n для документации. Спасибо всем, кто участвует в проекте.

Моя проблема — это шизофрения 👍

Вот у меня есть куча планов, но вот сегодня появилась вновь идея сделать свой автоген по апишке. Хочется просто побежать и делать. Ну шизик же, зато можно будет ее интегрировать с fetches и mock-config-server 📱

На holyjs на стенде moscowjs мы говорили про токсичность 💀

У ребят был список вопросов, например "Этот код ужасен". Надо было объяснить не токсично сотруднику, что он не прав. Забавно, что пару лет назад, я бы ответил вообще по-другому.

Общий cache для nextjs 👨‍💻

У вас может быть несколько инстенсов вашего приложения, например n подов в k8s. Тогда вопрос, а как мне сделать кеш общим, чтобы я мог ревалидировать данные и не грузить данные еще раз. Решение супер очевидное, куда-то его складировать в общую кучу.

Например, в документации nextjs есть вот такая реализация для кастомного кеш менеджера, который хранит данные просто в памяти. Это на самом деле круто, ведь так мы можем понять принцип работы. А дальше почему бы и не redis подключить 🚽

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

С Саней https://t.me/jsforbeginners стримим с gocloud ☁️

https://www.twitch.tv/siberiacancode

Было у вас такое, что вы просто устали, что у вас нет сил 🚬

Вы не можете встать в 6 утра и сделать морнинг рутин. Не можете топить к мечте.

Поздравляю, вам нужно просто отдохнуть, у меня целая неделя активностей, это сильно выматывает. Я приеду домой и буду писать код, пойду в зал, это мой отдых.

Ребята, берегите свое эмоциональное здоровье, технический контент скоро 🍜

Конфа закончилась 👍

Огромное спасибо всем вам и конечно же отдельное спасибо holyjs за возможность, с Александром постарались для вас сделать максимально интересный и вайбовый контент. Это только начало, мы сделали большой скачок, с прошлой такой авантюры.

IT-ХОЗЯЕВА - это уже намного больше, чем многие могут подумать. Это топ 1 айти сообщество и за эти два дня мы это доказали 😎

Но не забываем про наш крутой конкурс на пару билетов на holyjs, всем еще раз спасибо, продолжаем работать.

Пару минут и результаты конкурса 🤟

https://t.me/holyjs2025spring

Последний заход, разыгрываем мерч https://www.twitch.tv/siberiacancode

Мерч тут https://t.me/holyjs2025spring

Продолжаем на канале у Сани 😎 с крутыми рубриками

После заканчиваем и разыграем мерч 🤟

Второй день https://www.twitch.tv/siberiacancode

Первый день прошел на ура 🤟 завтра продолжаем, участвуйте в конкурсе и получите бесплатный тикет на holyjs 🥳

Второй раунд пошел

https://www.twitch.tv/siberiacancode первый день пошел

holyjs + siberiacancode x joindev, мы сделали для вас топовый конкурс 🤟

🤩 Разыгрываем 2 билета на HolyJS — одну из главных JavaScript-конференцию страны! HolyJS — IT-конференция для всех, кто использует JavaScript-технологии для фронтенда и бэкенда.

Условия участия максимально простые:
1. Подписаться на каналы holyjs + siberiacancode x joindev
2. Поставить любую реакцию на этот пост 👌
3. Нажать кнопку "Участвовать" 😎

Конкурс будет длится ровно один месяц. Мы хотим, чтобы вы получили максимально крутой опыт от участия в HolyJS — вдохновились докладами, нашли единомышленников и зарядились идеями для своих проектов вместе с нами 💜

holyjs + siberiacancode x joindev, мы сделали для вас топовый конкурс 🤟

🤩 Разыгрываем 2 билета на HolyJS — одну из главных JavaScript-конференцию страны! HolyJS — IT-конференция для всех, кто использует JavaScript-технологии для фронтенда и бэкенда.

Условия участия максимально простые:
1. Подписаться на каналы holyjs + siberiacancode x joindev
2. Поставить любую реакцию на этот пост 👌
3. Нажать кнопку "Участвовать" 😎

Конкурс будет длится ровно один месяц. Мы хотим, чтобы вы получили максимально крутой опыт от участия в HolyJS — вдохновились докладами, нашли единомышленников и зарядились идеями для своих проектов вместе с нами 💜

https://www.twitch.tv/siberiacancode первый день пошел

Что может быть лучше контента от siberiacancode x joindev на holyjs ?

Правильно, мерч и розыгрыши во время трансляции 🥳

https://t.me/holyjs2025spring

Что может быть лучше контента от siberiacancode x joindev на holyjs ?

Правильно, мерч и розыгрыши во время трансляции 🥳

holyjs + siberiacancode x joindev уже завтра мы с вами встретимся на топовой конференции на онлайн трансляции. Огромное спасибо нашим партнерам holyjs, мы постараемся передать вам тот самый вайб одной из самых больших конференций страны 🎤

https://www.twitch.tv/siberiacancode
https://www.twitch.tv/siberiacancode
https://www.twitch.tv/siberiacancode

Стрим пошел 🍜 https://www.twitch.tv/siberiacancode

Контент пошел 🤟 @jsforbeginners

Все связано 📞

Чем больше смотрю и изучаю, тем больше понимаю это. Вот доклад от Артема, я бы даже сказал лекция, который рассказывает про реактивность. Важно понимать, что этот доклад условному джуну не будет интересен, но вот людям, которые следят и интересуются. Вы видели vue3 — это формула react компонентов, а вы видели solid — это вообще смесь react и vue и так далее.

🎉 Результаты розыгрыша:

🏆 Победители:
1. Дмитрий (@D_For_You)
2. Daniil (@daniilryb)
3. Georgiy (@NovaStream2030)

✔️Проверить результаты

Итоги подведем сегодня в 10 по мск ✈️ осталось совсем чуть-чуть, успевай участвовать

Эту тему izede уже поднимал еще ранее на подкастах на холи 👨‍💻

Важно позиционирование и у команда react оно довольно странное. Они только под давлением сообщества наконец-то добавили vite в документацию. Да, маркетинг, инструмент конкурента, но давать новичку в доке первой опцией next — это поворот не туда. Молчим про примеры и стайлгайды. Хотя бы гайд добавили, когда не использовать "useEffect"

Запустил стрим https://www.twitch.tv/siberiacancode

Апрель уже начался, до конца конкурса осталось не так много. Решили сузить время конкурса и подвести итоги уже в эту пятницу.

Успей поучаствовать, условия максимально простые, а результат круто провести время на митапе 😎

Делаем irl стрим из Сибири для теста перед холи 🤔

А если без шуток, то на такой лендос я потратил буквально два часа своего времени 📞

Сначала с помощью bolt я накидал шаблон, просто забил какой сайт я хочу, цветовую схему и секции. Далее я перенес это все в свой проект и с помощью v0 доделал некоторые секции. Далее уже в cursor я попросил просто поправить некоторые куски кода и сам добавил пару элементов из magic ui

Ну код вы можете посмотреть и оценить сами 🤟 но без нейронок такой бы лендос занял бы несколько дней минимум.

Огромное спасибо ребята, благодаря вам я могу теперь купить 😎

Успей приобрести курс и ты 🍜:

https://react-course-lilac.vercel.app/
https://react-course-lilac.vercel.app/
https://react-course-lilac.vercel.app/

Со следующего обновления в reactuse появится платные хуки, данные хуки нельзя будут поставить напрямую и через cli. По подписке компанию смогут получать не только данные хуки, но и консалтинг от нашей команды 🤡

Уже 50 человек приобрело курс, огромное спасибо за такое доверие 😍

Успей приобрести курс и ты 🤩:

https://react-course-lilac.vercel.app/
https://react-course-lilac.vercel.app/
https://react-course-lilac.vercel.app/

Я невероятно рад вам сообщить, наконец-то я выпускаю свой курс по react и next 🌡

Данный курс подойдет для всех уровней и после него мы гарантируем трудоустройство в крупных компаниях с заработком минимум 150к 🤑

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

Успей приобрести курс 😎😎🤩:

https://react-course-lilac.vercel.app/
https://react-course-lilac.vercel.app/
https://react-course-lilac.vercel.app/

130 хуков было реализовано 😍 добавили:

- useDoubleClick
- useSpeechRecognition
- useOnce

Продолжаем работу над библиотекой, параллельно добавляем тесты и реворкаем некоторые хуки. Еще много хуков в работе. Покрытие тестами пока около 50% будем работать над этим и над документацией далее. Напоминаю, что можно качать хуки напрямую с помощью нашего cli 😎

Очень крутая находка twoslash, которую мне порекомендовал izede 😁

Будем потихоньку внедрять в reactuse

🍿 запустил лигу легенд

youtube — twitch — vk

Вчера во время стрима затронули две интересные темы:

📞 Это матрица компетенций и как ее можно использовать. По факту матрица компетенций лишь один из инструментов, который может при правильной реализации помочь вам с наймом со всех сторон. Вы можете на основе ее строить ваш собес, чтобы зацепить все необходимые темы для производства, а не спрашивать бесполезные алгоритмы. Плюс hr отдел сможет потом переиспользовать эти данные, делая на основе них аналитику и улучшать найм

🫡 Опять поговорили про react, я лично считаю, что react стагнирует. Мы два релиза не получаем ничего, получает только next. Next развивается в сторону ssr, который не всем подходить, это я не говорю про специфику app router с стримингом. А теперь посмотрим на vue сообщество. Я бы хотел сказать, что с каждым годом, но с каждым месяцем экосистема становится все больше и больше, команда vue уже делает больше для react сообщества, чем сам react. Вы понимаете, что если vite перестанет поддерживать react, то все мы побежим делать конфиги ручками для бидлов. Я дико респектую vue комьюнити за всю работу, что они проделали для фронтенд сообщества. Next пока действительно новатор, но у react кроме него ничего не осталось

Огромное спасибо всем, кто вчера зашел к нам на трансляцию 🏆

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

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

🍿 стартуем чуть-чуть пораньше

youtube — twitch — vk

Ребят отобрал 📞 посмотрим, что из этого выйдет. Поспрашивал закрытое сообщество и близких, говорят это имба 😎

Есть довольно интересная идея, нужны люди для реализации ✈️

Проект довольно интересный, для того чтобы его реализовать нужен по факту frontend, backend и devops. Mvp так вообще может содержать только frontend и devops. Стек будет решаться на основе людей, кто захочет вписаться, но видится, что веб будет на next, nuxt или astro, а бек может быть node, go.

Есть ли перспективы у проекта? Да точно есть. Сколько стоит сделать mvp? Я думаю первый запуск можно сделать даже за пару месяцев. Больше развертывать будем 👍

Что если, из-за того, что вы ставите мне на посты бананы, сокращают людей уже полгода в разных it компаниях ? 🚬

Маленький шаг для vue сообщества, но огромный для меня 🥰

За пару дней в итоге была написана первая версия пакета для google recaptcha для vue, на основе пакета, который изначально был создан для react. Также начал заполнять документацию, там еще много работы.

Solid и svelte делаем 🤔

Это получается скоро релиз 👍

Удалось реализовать плагин, думаю на этой неделе может выйти первый пакет на vue 📞

Вопрос по vue 😺

Я уже обратился к izede за помощью, но может и вы сможете мне помочь. Есть вот такой вот пакетик для google recaptcha для js и react, мы хотим сделать его под vue. Понятное дело, можно сделать по аналогии с react, но это концептуально неправильно.

Сейчас пакет на react буквально просто оборачивает наше приложение и инжектит скрипт, после чего мы можем работать с recaptcha с помощью компонентов и хуков.

Вопрос простой, а как лучше всего это сделать на vue, какие есть подходы ? Сделать плагин, provide & inject или все вместе 🤔

Как же много бананов, но вы же помните, что вы можете получить от ребят бесплатные промокодики ? Ребята уже выложили анонсы докладов у себя в паблике, будут довольно интересные темы:

🛀 Чистая архитектура фронтенд-приложений - очень интересно послушать про архитектуру, автор только не написал на каком фрейме это все будет, но вы знаете мою политику в данном вопросе.

🦾 AI во фронтенде: преимущества внедрения машинного обучения в браузере - это будущие, любой такой доклад интересен, ведь это наше с вами будущие, голосовые помощники в вебе и все это прямо в браузере.

🏝 Надо, но завтра: как подчинить себе прокрастинацию - куда же без софтовых докладов, не моя тема, но послушаем и я вам настоящий "эгоиста страйкер" поясню, как всегда быть замотивированным.

😬 Путь от Senior Web разработчика до Tech Lead Web - тот самый доклад трикстер, может быть полезная конфетка, а может быть самой бесполезной информацией в мире, так как я тоже вообще-то техлид, смогу и я вам поведать историю "успеха".

Кто-то в чате может объяснить глупому фронтендеру, как должна работать авторизация через twitch. Очень мало гайдов в интернете для nestjs и вообще не понятно, как действительно это должно работать 🚬

Вот после того, как мы получили токены и аккаунт, как правильно хранить эти данные, когда их обновлять. Куча вопросов и в интернете нуль ответов 📞

Я найду человека, который ставит на посты бананы 🚬

🍿 АНОНС СТРИМА 27 марта в 18:00 по мск

youtube — twitch — vk

Завел второй канал, на которой буду выкладывать такие вот вырезки, нужно это все понятное дело для продвижения 👍

Ну и будет библиотека ответов на разные вопросы. Превью будут специально убогими 🚬

Завел второй канал, на которой буду выкладывать такие вот вырезки, нужно это все понятное дело для продвижения 👍

Ну и будет библиотека ответов на разные вопросы. Превью будут специально убогими 🚬

Забыл указать самое важное, конкурс будет идти целый месяц до 19 апреля, всем еще раз удачи 🏆

Очень важный опрос по reactuse 📞

Долго думаю, нужно ли в библиотеку добавить стабильные методы хуков. Чтобы методы, которые возвращают хуки, имели стабильную ссылку. Перед голосованием я распишу все моменты:

С одной стороный, мемомизация небесплатный процесс, люди опасаются ререндеров в react, хотя это его норма и он так работает. Я всегда считал, что это ответственность пользователя контролировать memo, useMemo и useCallback. Плюс рано или поздно react компайлер станет включен везде и всегда, то-есть не будет смысла в мемо функции и хуках. В этом подходе, если вам нужна мемомизация, то вы включаете ее самостоятельно или же включаете react компайлер 🍜

Но с другой стороны, все хуки react: useState, useReducer, useTransition, возвращают всегда стабильный референс. Плюс если сделать это все в библиотеке, то пользователь наоборот получит все готовое. В этом кейсе будет чуть-чуть тратиться ресурс на мемо. Ну и в будущем надо будет выпилить все memo, когда react компайлер станет встроен в react 😬

В итоге мне стало интересно узнать ваше мнение:

Очень хорошо посидели, спасибо огромное автору за проект, такое только мотивирует 🌡

Но оказывается сегодня еще MinskJS, ребята будут говорить про веб компоненты. Стримить я эту историю параллельно не буду, но потом мы точно посмотрим это все в записи. Всем хорошего вечера 📞

🍿 стартуем code review next app router

youtube — twitch — vk

🍿 АНОНС СТРИМА 19 марта в 15:15 по мск

youtube — twitch — vk

styled components все ⚰️

Вот и ушла эпоха, помню как только вчера все хайпили это решение и библиотеку, спасибо за неоптимизированное детство, press f. Пока в документации и на гите новостей об онли саппорт режиме нет, ждем.

Специально для вас вместе с MoscowJS мы сделали этот розыгрыш 👋

Условия участия максимально простые:
1. Подписаться на мой канал siberia can code 🧊
2. Поставить любую реакцию на этот пост 👌
3. Нажать кнопку "Участвовать" 😎

🤩 Разыгрываем 3 промокода MoscowJS. Промокод дает право на получение билета на любой митап MoscowJS. Со всеми нюансами и работы промокодов можно ознакомиться тут

Всем хорошего дня и удачи 😉

Хотите, как-нибудь на стриме порешать ctf 2025 📱?

В рабочем чатике 📞 скинули вот такой скрин, react moment

127 хуков было реализовано 🥪 добавили:

- useFul
- useLockCallback
- useSticky

В работе еще больше хуков, мы хотим начать работать в сторону браузер history и крутых web api. Спасибо всем за помощь в проекте, мы также полностью переработали и ввели стандарт для работы с DOM элементами, которые не являются рефами react с помощью функции target 😎

🍿 360 p видосы на ютубе

youtube — twitch — vk

🍿 АНОНС СТРИМА 15 марта в 15:30 по мск

youtube — twitch — vk

Кастомный emoji picker 🧐

Недавно для своего pet проекта нужно было реализовать emoji picker, на рынке для react есть два таких и оба они даже близко не идеальны. Один сделан для react и даже виртуализацию не имеет, второй же сделан для native и там страдает кастомизация всего.

Ваш покорный слуга не долго думаю реализовал свой, да он обрезанный и не имеет прям всего функционала, но вы можете его легко дополнить. Сделано он формате compound компонента под shadcnui, было интересно посмотреть, как фильтровать emoji, которые например не поддерживаются, оказывается это делается через canvas и проверку размеров. Также добавлена виртуализация, а то emoji там 1000+

Подход shadcnui к compound очень гибок и благодаря ему я могу с вами поделиться исходниками 🌡

MoscowJS 63 + siberiacancode = 🤩

Первая встреча уже пройдет 27 марта на площадке МТС. Ребята и так постоянно радовали нас докладами, а тут еще теперь они подружились Докой 😆, с платформой с понятными статьями от разработчиков для разработчиков 😁

Регистрация на офлайн уже открыта, Напоминаем: если используете промокод, то не забывайте нажать «Применить». Конечно же будет и онлайн часть, которую ваш покорный слуга будет стримить. Будем обсуждать, комментировать и хорошо проводить время и конечно задавать вопросы спикерам. Также вас ждем совместный розыгрыш на промокоды, следите за каналами.

Если вы хотите стать спикером, то я максимально рекомендую попробовать свои силы. Я лично знаю ребят организаторов и точно знаю, что они вам помогут с вашим выступлением, подробней можно узнать тут

MoscowJS: https://t.me/moscowjs
Задать вопросы спикерам: https://moscowjs.org/qna/

🍿 стартуем пораньше

youtube — twitch — vk

5**2 + 1= 😁

🍿 АНОНС СТРИМА 13 марта в 19:00 по мск

youtube — twitch — vk

FrontendConf 2025, одна из топовых конференций уже начинает свою подготовку 🤟

13 марта в 19:00 по мск пройдёт онлайн-встреча потенциальных докладчиков и участников программного комитета, а самое прекрасное, что мы будем это стримить и смотреть вместе с вами весь процесс.

Вы еще можете успеть стать спикером FrontendConf 2025, на онлайн трансляции можно задать вопросы в прямом эфире, если вы например еще сомневаетесь ☎️

На самой же трансляции вы узнаете подробнее о подготовке программы и темах конференции.

Участвовать может любой, регистрация тут, анонс стрима от меня будет позднее, увидимся уже скоро 🥰

Проверка была проведена 🚬

Личный состав инспекции не обнаружил критических проблем и замечаний.

🍿 разбираем этот бизнес на части

youtube — twitch — vk

Завтра "Сибирская служба по надзору в сфере образования и науки по фронтенду" будет проводить проверку университета Владилена 📱

🍿 АНОНС СТРИМА 9 марта в 12:00 по мск

youtube — twitch — vk

Всех женщин поздравляю с этим прекрасным днем, желаю здоровья, счастья, карьерного роста 🥳🥰😍

tailwind — это действительно удобно 👌

Не знаю, когда будет ролик про tailwind, но пост уже сегодня. Не понимаю почему люди против tailwind, основной аргумент это: "Невозможно читать jsx или template из-за портянки классов".

Тут надо обсудить atomic css подход, который реализует tailwindcss, unocss и другие. Если коротко, данный атомарный подход это методология, при которой стили разбиваются на крошечные, переиспользуемые классы, каждый из которых отвечает за одно свойство 👍

Фиксированный набор классов, который решает вопрос количества css на выходе в bundle, а также формирует оправленные правила по их заполнению. Но самое важное, что такой подход может вам позволить писать стили по-другому, как предлагает tailwind. Вам ни кто не запрещает писать кастомные классы, на основе атомарных, просто на вас могут начать смотреть по-другому.

В таком подходе мы уходим от обертки класса и сразу пишем реализацию и знаете порой это невероятно удобно. Можно ли встретить портянку стилей на tailwind ? Да, конечно, но вероятнее всего это не критично или можно решить. Например, css modules буквально гибче, чем tailwind — это факт, но и tailwind дает свои плюсы, bundle, готовая цветовая схема и т.д.

Как и всегда, проблемы с tailwind нет, проблем нет,с atomic css, проблема как обычно связана с выбором инструментов и правильным использованием этих инструментов. Нужно изучить технологию и понимать, когда мы хотим ее использовать, мы же не тянем ssr в админке, не тянем же 🤔