Неправильное место для state — это prop drilling через 5 компонентов, лишние рендеры и баги при обновлении страницы.
— Local state — когда useState достаточно, а когда нет;
— Global state — Context API vs Redux/Zustand;
— Server state — как React Query экономит запросы;
— URL state — недооценённое место для фильтров и шаринга.
#blueprint
Please open Telegram to view this post
VIEW IN TELEGRAM
Please open Telegram to view this post
VIEW IN TELEGRAM
👍7❤2
Что используете для global state ❔
Anonymous Poll
38%
Redux Toolkit
37%
Zustand
10%
Context API
2%
Jotai/Recoil
12%
Не использую global state
🥰5👍1🔥1
Пример:
if (user.id == “123”) — опасно
if (user.id === “123”) — безопасно
Двойное равенство делает скрытые преобразования типа:
0 == “0” → true
Пример:
const str = “” + value — неявное приведение
const str = String(value) — явно и понятно
Ловят опечатки до запуска:
const userName = “Alex”
console.log(usrName) — ESLint сразу найдёт ошибку
console.log(“ДЕБАГ!!!”, userData)
Если забыть убрать — может утечь чувствительная информация в продакшене
let config = {…} — переменная не переназначается
ESLint подскажет заменить на const
Если нужно — могу сделать версию ещё короче (в один экран).
function processPayment(amount: number) {
api.charge(amount)
}
processPayment(«100»)
// string is not assignable to number
P.S. Если не готовы к TS — начните хотя бы с этих 5 правил.
#code_battle
Please open Telegram to view this post
VIEW IN TELEGRAM
❤6👍2🌚2🥰1
📋 Копирование в буфер обмена в 2025
Clipboard API — стандарт. document.execCommand() deprecated с 2020.
✅ Поддержка: Chrome 66+, Firefox 63+, Safari 13.1+, Opera 53+
⚠️ Различия между браузерами:
Chrome/Edge:
— User gesture не требуется
— Работает только в активной вкладке
Firefox/Safari:
— Требуется user gesture (клик/тап)
— Вызов должен быть в обработчике события
🔜 Общие требования:
— Только HTTPS (или localhost)
— Для readText() требуется разрешение
🔜 Где использовать:
Кнопки «Скопировать код», промокоды, токены, ссылки
💡 Вызывайте копирование в обработчике клика — работает везде.
🔹 Основы IT для непрограммистов
🔹 Получить консультацию менеджера
🔹 Сайт Академии 🔹 Сайт Proglib
🐸 Библиотека фронтендера
#readme
Clipboard API — стандарт. document.execCommand() deprecated с 2020.
✅ Поддержка: Chrome 66+, Firefox 63+, Safari 13.1+, Opera 53+
⚠️ Различия между браузерами:
Chrome/Edge:
— User gesture не требуется
— Работает только в активной вкладке
Firefox/Safari:
— Требуется user gesture (клик/тап)
— Вызов должен быть в обработчике события
— Только HTTPS (или localhost)
— Для readText() требуется разрешение
Кнопки «Скопировать код», промокоды, токены, ссылки
🔹 Основы IT для непрограммистов
🔹 Получить консультацию менеджера
🔹 Сайт Академии 🔹 Сайт Proglib
#readme
Please open Telegram to view this post
VIEW IN TELEGRAM
❤4🔥2🥰2
This media is not supported in your browser
VIEW IN TELEGRAM
🎛 TypeGPU — новый уровень работы с WebGPU
TypeGPU — модульный toolkit от Software Mansion для написания шейдеров на TypeScript с типовой инференцией.
➡️ Главные фишки:
🎥 Шейдеры на TypeScript с автодополнением и строгими типами. Никаких несоответствий между CPU и GPU частью.
🎥 Модульная архитектура — используйте только нужные компоненты без лишнего boilerplate.
💡 Пример использования:
Нужны параллельные вычисления на GPU? Описываете логику на TypeScript → TypeGPU генерирует оптимизированный GPU-код с корректными биндингами.
🔵 Кому зайдёт:
— WebGL/WebGPU разработчикам, уставшим от шейдерных багов
— Разработчикам игр и визуализаций
— Фронтенд-разработчикам, которые хотят использовать GPU без боли
🔗 Ссылка на GitHub
🐸 Библиотека фронтендера
#stack
TypeGPU — модульный toolkit от Software Mansion для написания шейдеров на TypeScript с типовой инференцией.
Нужны параллельные вычисления на GPU? Описываете логику на TypeScript → TypeGPU генерирует оптимизированный GPU-код с корректными биндингами.
— WebGL/WebGPU разработчикам, уставшим от шейдерных багов
— Разработчикам игр и визуализаций
— Фронтенд-разработчикам, которые хотят использовать GPU без боли
#stack
Please open Telegram to view this post
VIEW IN TELEGRAM
🔥5🥰2👍1
This media is not supported in your browser
VIEW IN TELEGRAM
🥰4🥱1
🤖 AI сейчас на пике — и математика снова в центре внимания.
Одна из топовых экспертов, кто сегодня участвует на AIJ, преподаёт у нас.
Мария Тихонова — PhD по Computer Science, руководитель направления в SberAI и доцент ВШЭ. Она работает с LLM каждый день и объясняет математику так, как она реально применяется в AI.
🔥 Экспресс-курс «Математика для DS» — 8 недель, чтобы закрыть пробелы и уверенно проходить собесы.
🎁 До 30 ноября:
→ скидка 40%
→ курс «Школьная математика» в подарок при оплате
→ бесплатный тест на знание основ математики
👉 Записаться на курс
«На конференции AIJ только и разговоров, что о AI и математике. Ведь в основе генеративных моделей Gen AI лежит фундаментальная математика.»
Одна из топовых экспертов, кто сегодня участвует на AIJ, преподаёт у нас.
Мария Тихонова — PhD по Computer Science, руководитель направления в SberAI и доцент ВШЭ. Она работает с LLM каждый день и объясняет математику так, как она реально применяется в AI.
🔥 Экспресс-курс «Математика для DS» — 8 недель, чтобы закрыть пробелы и уверенно проходить собесы.
🎁 До 30 ноября:
→ скидка 40%
→ курс «Школьная математика» в подарок при оплате
→ бесплатный тест на знание основ математики
👉 Записаться на курс
🥰4🥱1
Обожаю это чувство, когда всё работает… кроме Cloudflare, без которого не работает ничего 🥺 🥺
🐸 Библиотека фронтендера
#pixel_pause
#pixel_pause
Please open Telegram to view this post
VIEW IN TELEGRAM
🌚6😁2
Делаешь фичу, но нужно срочно проверить баг в main? Не стэшь и не коммить — создай отдельную рабочую папку с другой веткой.
git worktree add ../hotfix main
cd ../hotfix
Git создаст папку
hotfix рядом с основным проектом — в ней будет ветка main. Исходная папка остаётся нетронутой.— Можно создать сразу с новой веткой:
git worktree add -b feature-new ../feature-new
— Посмотреть все worktree:
git worktree list
— Удалить после работы:
git worktree remove ../hotfix
— Каждый worktree может иметь свои
node_modules — удобно, если между ветками разные зависимости.— Нельзя открыть одну ветку дважды — Git защищает от конфликтов.
🔹 Курс «Алгоритмы и структуры данных»
🔹 Получить консультацию менеджера
🔹 Сайт Академии 🔹 Сайт Proglib
#readme #git
Please open Telegram to view this post
VIEW IN TELEGRAM
❤5🔥3🥰2
🎉 Большая распродажа Proglib Academy — минус 40% на всё!
📚 Выбирай свой курс:
▫️ «Экспресс-курс по математике для DS» — получи фундамент для построения успешной карьеры в Data Science
▫️ «Математика для DS» — для тех, кто хочет уверенно работать с данными;
▫️ «Основы Python» — чтобы начать писать код с нуля;
▫️ «Алгоритмы и структуры данных» — для будущих инженеров;
▫️ «Специалист по ИИ» или «AI-агенты», или «Машинное обучение» — для тех, кто хочет прокачаться в ИИ.
▫️ «Архитектуры и шаблоны проектирования» — чтобы писать гибкий, масштабируемый код как мидл+ разработчик.
▫️ «Основы IT для непрограммистов» — для тех, кто хочет понимать, как устроены технологии, не будучи разработчиком.
🎁 Бонусы ноября:
▫️ Розыгрыш MacBook Pro 14 — купи любой курс и пройди 2 недели обучения до 30 ноября.
▫️ Бесплатный тест по математике — за 5 минут покажет, какие темы стоит подтянуть перед DS.
👉 Выбрать курс со скидкой
📚 Выбирай свой курс:
▫️ «Экспресс-курс по математике для DS» — получи фундамент для построения успешной карьеры в Data Science
▫️ «Математика для DS» — для тех, кто хочет уверенно работать с данными;
▫️ «Основы Python» — чтобы начать писать код с нуля;
▫️ «Алгоритмы и структуры данных» — для будущих инженеров;
▫️ «Специалист по ИИ» или «AI-агенты», или «Машинное обучение» — для тех, кто хочет прокачаться в ИИ.
▫️ «Архитектуры и шаблоны проектирования» — чтобы писать гибкий, масштабируемый код как мидл+ разработчик.
▫️ «Основы IT для непрограммистов» — для тех, кто хочет понимать, как устроены технологии, не будучи разработчиком.
🎁 Бонусы ноября:
▫️ Розыгрыш MacBook Pro 14 — купи любой курс и пройди 2 недели обучения до 30 ноября.
▫️ Бесплатный тест по математике — за 5 минут покажет, какие темы стоит подтянуть перед DS.
👉 Выбрать курс со скидкой
👍4
✈️ Почему в Aviasales проще купить билет, чем на сайте авиакомпании
Дело не в цене — дело в UI.
🔢 Разобрали в карточках 6 точек пути пользователя, где интерфейс прямо влияет на конверсию. От автокомплита до финальной формы — с метриками, паттернами и антипаттернами.
⚪️ Работает для любого продукта с поиском, фильтрами или формами.
🐸 Библиотека фронтендера
#ux_review
Дело не в цене — дело в UI.
#ux_review
Please open Telegram to view this post
VIEW IN TELEGRAM
Please open Telegram to view this post
VIEW IN TELEGRAM
👍5🥰3❤2
Если вы ИТ-гуру и любите технологии, отличная новость для вас!
26 ноября в московском фиджитал-пространстве «Кибердом» пройдет «Код СберТеха» — конференция для профессионалов ИТ-разработки с крутыми спикерами, мастер-классами и квестами.
Это уникальная возможность узнать всё о продуктах СберТеха, заглянуть «за кулисы» масштабных проектов Сбера и других компаний и увидеть, как сложные системы работают в унисон, подобно слаженному оркестру.
Что вас ждёт:
• Технические доклады по таким темам, как базы данных, инфраструктура, информационная безопасность, интеграционные сервисы, визуальное программирование
• Практические мастер-классы и демозоны с реальными кейсами
• Интерактивные квесты по разным продуктам
• Неформальное общение — нетворкинг и музыкальная программа
Приходите, знакомьтесь с экспертами и единомышленниками, заряжайтесь вдохновением и идеями для своих задач.
Подробности и регистрация — по ссылке.
26 ноября в московском фиджитал-пространстве «Кибердом» пройдет «Код СберТеха» — конференция для профессионалов ИТ-разработки с крутыми спикерами, мастер-классами и квестами.
Это уникальная возможность узнать всё о продуктах СберТеха, заглянуть «за кулисы» масштабных проектов Сбера и других компаний и увидеть, как сложные системы работают в унисон, подобно слаженному оркестру.
Что вас ждёт:
• Технические доклады по таким темам, как базы данных, инфраструктура, информационная безопасность, интеграционные сервисы, визуальное программирование
• Практические мастер-классы и демозоны с реальными кейсами
• Интерактивные квесты по разным продуктам
• Неформальное общение — нетворкинг и музыкальная программа
Приходите, знакомьтесь с экспертами и единомышленниками, заряжайтесь вдохновением и идеями для своих задач.
Подробности и регистрация — по ссылке.
❤4👍1
Copilot
GitHub Actions: ускорение CI
CodeQL
MCP / IDE
#release_digest
Please open Telegram to view this post
VIEW IN TELEGRAM
🥰3🔥1