Frontend Разработка | JavaScript & Верстка сайтов. HTML, CSS и React. Уроки для Фронтенд Developer. JS, Vue и Web технологии. IT Карьера, Курсы и Coding.
Frontend Разработка | JavaScript & Верстка сайтов. HTML, CSS и React. Уроки для Фронтенд Developer. JS, Vue и Web технологии. IT Карьера, Курсы и Coding.
1 607 подписчиков · @frontend_1
К каналу →
🔥 Трюк с :has() в CSS — как маленький хак улучшает UX Селектор :has() поддерживается во всех современных браузерах. Его часто называют «селектором родителя», но он куда мощнее. …
Читать далее →
329
🔥 useDeferredValue: плавный UX без костылей При ререндере сложных компонентов (таблиц, графиков, списков) часто случаются лаги при вводе. useDeferredValue из React решает эту …
Читать далее →
259

🔎 Как "убить" ненужный console.

🔎 Как "убить" ненужный console.log в проде — элегантно

Многие забывают удалять console.log, warn, error перед продом. Это 💩 и баги безопасности, и просто шум. Есть изящное решение — удаление логов на этапе сборки.

Для Vite / Rollup / esbuild / Terser — добавьте:

🔧 Terser (например, в Vite):
// vite.config.ts
terserOptions: {
compress: {
drop_console: true,
drop_debugger: true,
},
}
⚙️ Esbuild:
esbuild: {
drop: ['console', 'debugger'],
}

💡 Совет:
Если используете логгер типа logger.info(...), настройте статический анализ через Babel plugin или tree-shaking.

Важно: не отключайте console.error на деве — это может скрыть критичные баги.

🧼 Чистый прод = меньше багов + быстрее загрузка

👉 @frontend_1
Другие главы канала «Frontend Разработка | JavaScript & Верстка сайтов. HTML, CSS и React. Уроки для Фронтенд Developer. JS, Vue и Web технологии. IT Карьера, Курсы и Coding.»
Выберите главу, чтобы продолжить чтение
Все посты →
Глава от 22.07.2026
🔥 useDeferredValue: плавный UX без костылей При ререндере сложных компонентов…
👁 259 просмотров
Глава от 21.07.2026
🔥 Трюк с :has() в CSS — как маленький хак улучшает UX Селектор :has() поддерж…
👁 329 просмотров
Глава от 20.07.2026
🎥 Вебинар: Выбор между Serverless и Kubernetes для AI-ворклоадов: как определить…
👁 283 просмотров
Глава от 20.07.2026
🔥 useMemo vs useCallback — не путай! Многие React-разработчики путают useMemo и…
👁 340 просмотров
Глава от 19.07.2026
🔥 Трюк с :has() в CSS: "Родительская магия" Селектор :has() наконец стабильно…
👁 377 просмотров
Глава от 17.07.2026
Совет по HTML 💡 Возможно, ты не знал об этой HTML-сущности для вставки мягких п…
👁 457 просмотров
Глава от 15.07.2026
Совет по JavaScript 💡 Одна строка кода, чтобы определить, есть ли в массиве дуб…
👁 540 просмотров
Глава от 13.07.2026
🧠 KeyUX — это легковесный JavaScript-фреймворк для описания пользовательских инт…
👁 567 просмотров
Глава от 09.07.2026
🎯 CSS @scope: способ ограничить область действия стилей До сих пор в CSS не был…
👁 550 просмотров

Популярные посты канала «Frontend Разработка | JavaScript & Верстка сайтов. HTML, CSS и React. Уроки для Фронтенд Developer. JS, Vue и Web технологии. IT Карьера, Курсы и Coding.»

Используйте свойство columns, чтобы разделить статью на отзывчивые колонки 🚀. 👉 @frontend_1
👁 3 283 просмотров
Идеальные заголовки без JS: text-wrap: balance Дизайнеры ненавидят «висячие» слова. Когда длинный заголовок переносится так, что на второй …
👁 3 230 просмотров
🚀 Подборка полезных IT каналов в Max Системное администрирование, DevOps 📌 https://max.ru/i_odmin Все для системного администратора https…
👁 3 175 просмотров
Почему z-index: 9999 не работает (и как перестать страдать) Знакомая ситуация? У вас есть модалка, которая почему-то перекрывается хедером.…
👁 3 155 просмотров
🚀 Подборка полезных IT каналов в Max Системное администрирование, DevOps 📌 https://max.ru/i_odmin Все для системного администратора https…
👁 3 154 просмотров
🚀 Подборка полезных IT каналов в Max Системное администрирование, DevOps 📌 https://max.ru/i_odmin Все для системного администратора https…
👁 3 153 просмотров
any - это ложь, которую вы говорите сами себе Давайте честно: когда у вас горят дедлайны, а TypeScript ругается на несовпадение типов, рука…
👁 3 151 просмотров
🚀 Подборка полезных IT каналов в Max Системное администрирование, DevOps 📌 https://max.ru/i_odmin Все для системного администратора https…
👁 3 150 просмотров
Проект для начинающих на JavaScript – Урок по созданию игры Змейка В этом уроке программирования для начинающих вы научитесь создавать ретр…
👁 3 145 просмотров
🧬 Иммутабельность из коробки: toSorted(), toSpliced() и with() Сколько раз вы ловили трудноуловимые баги в React или Redux из-за того, что …
👁 3 136 просмотров
Совет по CSS 💡 Легко реализуйте закрепленный заголовок таблицы 🤩 https://www.codewithshripal.com/playground/css/sticky-table-headers 👉 @f…
👁 3 134 просмотров
Создааем адаптивный макет панели управления с помощью HTML и CSS 🚀 👉 @frontend_1
👁 3 133 просмотров
🛑 Хватит проверять isMounted в useEffect Вы наверняка видели (или писали) такой код, чтобы избежать ошибки "Can't perform a React state upd…
👁 3 128 просмотров
🤝 Promise.withResolvers() - конец старого костыля Если вы работали со сложными асинхронными потоками, вам наверняка приходилось «вытаскиват…
👁 3 127 просмотров
Cовет💡 Быстрый и простой совет для вложенных радиусов: ваши углы будут выглядеть намного лучше, если вы установите внешний радиус на сумму …
👁 3 124 просмотров
Синхронизация React с API браузера 👉 @frontend_1
👁 3 119 просмотров
Нативный View Transitions API Анимация перехода между страницами (или состояниями приложения) всегда была болью. Чтобы картинка из карточки…
👁 3 110 просмотров
🏗 Забудьте про z-index: 9999: Нативный <dialog> Мы годами писали сложные велосипеды для модальных окон или тянули тяжелые библиотеки. Главн…
👁 3 105 просмотров
Советы по HTML 💡 Знаете ли вы, что с помощью элемента HTML <dialog> можно легко создать модал? 👉 @frontend_1
👁 3 105 просмотров
🧬 Нативные операции с множествами (Set Methods) Классическая задача на собеседовании: «Найди общие элементы в двух массивах». Обычно мы пис…
👁 3 102 просмотров

Связанные темы в других каналах

Каналы из той же тематики, где часто появляются близкие сюжеты
Вся тема →
@matematik_andrei_channel
Математик Андрей
Основатель онлайн-школы «Точка Знаний» В канале: — короткие видео по темам 1-11 классов — разбор задач ВПР/ОГЭ/ЕГЭ — применение математики в жизни Получить консульта…
👥 308 324 · +12 085/7д
@kotikiobiasnayut
КОТЯТА ПОЯСНЯЮТ
Те самые котята пояснят тебе все что надо - легко и просто Самое большое фан сообщество рубрики «Котята поясняют» - присоединяйся! Владелец - https://iimax.ru/qwertyu…
👥 108 746 · +20 940/7д
@obr_mo
Образование Подмосковья
Новости об образовании в Московской области
👥 77 517 · -266/7д
@Moscow_school
Московское образование
Успех начинается здесь! Приложение «ЗОЖ с МЭШиком» https://max.ru/meshik_app_bot Для СМИ: press-donm@mos.ru Сайт: mosobr.shkolamoskva.ru ВК: https://vk.ru/educationdep…
👥 66 033 · -308/7д
@minprosrf
Минпросвещения России
Официальный канал Министерства просвещения России. Всё об образовании для родителей, педагогов и учащихся. Сайт edu.gov.ru ВКонтакте vk.com/minprosvet Однокл
👥 57 939 · +757/7д
@Lingvaa
Лингвист | Русский язык Образование
Канал №1 для тех, кто звонИт, а не звОнит! По рекламе: https://clck.ru/3R7DoR Биржа: https://telega.in/c/Lingvaa
👥 53 567 · -114/7д
🏷 Темы и теги
#html css #web development #it карьера #frontend #javascript #react #Образование
📋 О канале Frontend Разработка | JavaScript & Верстка сайтов. HTML, CSS и React. Уроки для Фронтенд Developer. JS, Vue и Web технологии. IT Карьера, Курсы и Coding.
Твой путь в веб-разработку. Основы: HTML5, CSS3, Flexbox, Grid. Адаптивная верстка (Responsive) и макеты из Figma. Глубокий JavaScript (ES6+), DOM и события. Фреймворки: React, Vue.js, Angular. Препроцессоры SCSS и стилизация Tailwind. Работа с Git и GitHub. Как пройти собеседование на Junior Frontend Developer. Задачи, тесты и создание портфолио с нуля.
🔍 Архив всех постов Макс
Поиск по 12,636,396 постам из 201,947 каналов
Подключить за 490 ₽/мес →
Удалить пост или канал с МАКСОТЕКИ
Заявка подтверждается через бота Макс: нужно быть администратором канала и добавить бота МАКСОТЕКИ в администраторы. После проверки канал или конкретный пост скрывается с сайта.
📊 Аналитика канала «Frontend Разработка | JavaScript & Верстка сайтов. HTML, CSS и React. Уроки для Фронтенд Developer. JS, Vue и Web технологии. IT Карьера, Курсы и Coding.» ➡️ Перейти в канал Макс
Заявка в МАКСОТЕКА
Добавьте свой канал в каталог
Зарегистрируйтесь в личном кабинете и добавьте канал за пару кликов.
Перейти в личный кабинет →

Бесплатная регистрация, быстрая модерация.