18 Mar 2025, 18:33 UTC299 views11 reactionsread 9 August 2026 Photo
🍪 Кто устанавливает куки: сервер или клиент?
Куки (cookies) — это небольшие фрагменты данных, которые используются для хранения информации на стороне клиента. Но кто их создает и управляет ими?
Сервер устанавливает куки:
Сервер отправляет куки в HTTP-заголовке Set-Cookie в ответ на запрос клиента. Эти куки автоматически сохраняются браузером и отправляются обратно на сервер с каждым последующим запросом.
HTTP/1.1 …
👍5❤3🔥3
16 Mar 2025, 16:01 UTC233 views11 reactionsread 9 August 2026 Photo
Зачем нужен key в JSX?
Когда вы работаете со списками в React, атрибут key играет важную роль. Он помогает React определять, какие элементы были изменены, добавлены или удалены, что особенно важно для эффективного обновления DOM.
Почему это важно?
1. Оптимизация производительности: React использует key для минимизации перерисовок, обновляя только те элементы, которые изменились.
2. Корректное обновление: Без key …
👍5✍3🔥3
14 Mar 2025, 18:20 UTC214 views12 reactionsread 9 August 2026 Photo
TypeScript станет быстрее в 10 раз!
Команда TypeScript объявила о своей работе над нативной реализацией компилятора на Go. Это обещает сильное ускорение компиляции. Основная цель — улучшить производительность и сделать TypeScript еще более привлекательным для крупных проектов.
Это важный шаг для экосистемы, учитывая растущую популярность TypeScript среди разработчиков.
🔗 Подробнее в блоге Microsoft
@frontend_news…
🔥5👍4🍾3
6 Mar 2025, 12:44 UTC256 views11 reactionsread 9 August 2026 Photo
🎨 CSS Custom Functions: что нас ждет?
Bramus Van Damme в своей статье рассказывает о новой возможности в CSS — пользовательских функциях. Это экспериментальная фича, которая может изменить то, как мы пишем стили.
Пример:
@function --negate(--value) {
result: calc(-1 * var(--value));
}
Вы вызываете функцию как бы напрямую — нет необходимости в var() или подобном — и можете использовать ее везде, где принимается з…
👨💻3👾3🔥3👍2
28 Feb 2025, 19:38 UTC271 views11 reactionsread 9 August 2026 Photo
Используем react-intersection-observer в React
В продолжение прошлого поста про IntersectionObserver, для тех, кто использует React, есть отличная библиотека — react-intersection-observer. Она упрощает работу с IntersectionObserver, предоставляя удобные хуки и компоненты.
Как это работает?
• useInView() возвращает ref и inView.
• ref нужно передать в отслеживаемый элемент.
• inView становится true, когда элемент…
👍4🔥4👏3
27 Feb 2025, 19:02 UTC206 views16 reactionsread 9 August 2026 Photo
📱 Как использовать IntersectionObserver
IntersectionObserver — это мощный API, который позволяет отслеживать, когда элемент появляется в области видимости (viewport). Это идеально для ленивой загрузки изображений, бесконечной прокрутки или запуска анимаций при прокрутке.
Основы использования:
1. Создание наблюдателя:
const observer = new IntersectionObserver((entries, observer) => {
entries.forEach(entry => {
…
👍6🔥6💯3🤔1
25 Feb 2025, 12:16 UTC199 views17 reactionsread 9 August 2026 Photo
ESLint теперь поддерживает CSS!
ESLint расширяет свои возможности: теперь он умеет анализировать CSS-код! Это открывает новые горизонты для проверки качества и соблюдения стандартов написания CSS.
Встроенные правила включают:
• no-duplicate-imports: Запрещает дублирование @import
• no-empty-blocks: Запрещает пустые блоки
• no-invalid-at-rules: Проверяет корректность at-правил
• no-invalid-properties: Проверяет …
👍9🔥4👏3👾1
23 Feb 2025, 14:53 UTC240 views20 reactionsread 9 August 2026 Photo
🌅 Create React App уходит в закат
React-команда объявила о завершении поддержки Create React App (CRA). Этот инструмент когда-то был стандартом для старта React-проектов, но сегодня устарел и уступил место более современным решениям.
Что делать, если у вас проект на CRA?
• Можно оставить всё как есть, но без обновлений могут появляться проблемы.
• Лучше мигрировать — Vite считается самым простым вариантом. (кратк…
👍9🔥5👏4👾2
21 Feb 2025, 13:56 UTC233 views17 reactionsread 9 August 2026 Photo
Три подхода к использованию &-селектора в CSS
На Frontend Masters вышла статья о том, как эффективно применять &-селектор, который теперь поддерживается в CSS Nesting. Он помогает упрощать вложенные стили без использования препроцессоров вроде Sass.
На мой взгляд, самая интересная техника — стилизация родительского элемента с помощью :has(&).
Например, можно менять оформление label в зависимости от состояния input…
✍8👍5🤝4
19 Feb 2025, 19:43 UTC255 views19 reactionsread 9 August 2026 Photo
🌐 Fetch vs XMLHttpRequest: В чем разница?
В мире JavaScript есть два основных способа работы с сетевыми запросами: Fetch и XMLHttpRequest. Нашёл интересную статью на dev.to в которой разбирают ключевые отличия.
Основные отличия:
1️⃣ Ориентация на промисы
Fetch использует промисы, что делает код чище и позволяет использовать async/await.
2️⃣ Упрощенный интерфейс
Синтаксис Fetch проще и интуитивнее. Например, не ну…
👍10✍5👾4
18 Feb 2025, 19:53 UTC266 views23 reactionsread 9 August 2026 Photo
📱 Репозиторий с крутыми идеями для 500 проектов!
Если вы ищете вдохновение для создания проектов на JavaScript, обратите внимание на этот репозиторий: ULTIMATE-JAVASCRIPT-PROJECT.
Автор собрал огромную коллекцию идей для проектов, которые помогут вам прокачать свои навыки: от простых задач (например, таймер или калькулятор) до сложных (например, мини-игры или веб-приложения).
🔗 Перейти к репозиторию
@frontend_new…
👍12🔥5✍4❤2
17 Feb 2025, 20:17 UTC272 views26 reactionsread 9 August 2026 Photo
🎨 Создание слайдера с наклонными границами
В статье от Frontend Masters показывают, как сделать стильный слайдер на HTML и CSS (с помощью Sass для упрощения).
Используются современные техники: Grid для структуры, clip-path для создания наклонных границ, :has() для выбора элементов на основе контекста, а также вложенность и другие возможности CSS.
🔗 Подробнее в статье
@frontend_news_tg | #articles
👍11👏6🔥6❤2🆒1
Showing the 12 most recent of 20 posts we hold for @frontend_news_tg. View and reaction counts are the latest single reading for each post, not a live figure, and a recent post is still accumulating both. A view count marked ≈ was rounded by Telegram before we ever saw it — t.me prints views in full below 1,000 and to three significant figures above, so ≈1,200,000 means somewhere between 1,150,000 and 1,249,999. Unmarked counts are exact. Text is reproduced from the public post preview and truncated for length.