Часто мы думаем, что async/await — панацея от блокировок и лагов. Но на самом деле внутри браузера всё куда сложнее: event loop, microtasks, rendering pipeline.
#under_hood #js
Please open Telegram to view this post
VIEW IN TELEGRAM
Please open Telegram to view this post
VIEW IN TELEGRAM
❤11👏1
#read_watch #react #angular #js
Please open Telegram to view this post
VIEW IN TELEGRAM
❤3🔥1
Когда нужно отсортировать массив объектов сразу по нескольким полям — вместо вложенных if можно сделать так:
const sortBy = (arr, keys) => [...arr].sort((a, b) =>
keys.reduce((res, k) => res || (a[k] > b[k] ? 1 : a[k] < b[k] ? -1 : 0), 0)
);
Где пригодится:
#readme #js
Please open Telegram to view this post
VIEW IN TELEGRAM
👍10🌚3🔥2❤1
Вместо тонны JS-кода можно писать интерактив прямо в атрибутах:
hx-get
, hx-post
, hx-swap
, hx-trigger
.— Минимум кода, максимум динамики
— Быстрый старт без фреймворка
— Удобно и для пет-проектов, и для прототипов
<button hx-get="/api/articles" hx-target="#list" hx-swap="innerHTML">
Загрузить статью
</button>
<div id="list"></div>
Запрос уходит на сервер → HTML-фрагмент прилетает и рендерится в
#list
.#stack #html
Please open Telegram to view this post
VIEW IN TELEGRAM
👍4🤔4❤2
❗ Сегодня премьера
В 19:00 МСК стартует бесплатный вебинар с Максимом Шаланкиным — «ИИ-агенты: новая фаза развития искусственного интеллекта».
В программе:
— почему агенты ≠ чат-боты;
— живое демо простого агента;
— и как эта тема встроена в курс, который разработан под руководством Никиты Зелинского.
⏰ Это прямой эфир: подключиться можно через лендинг курса.
В 19:00 МСК стартует бесплатный вебинар с Максимом Шаланкиным — «ИИ-агенты: новая фаза развития искусственного интеллекта».
В программе:
— почему агенты ≠ чат-боты;
— живое демо простого агента;
— и как эта тема встроена в курс, который разработан под руководством Никиты Зелинского.
⏰ Это прямой эфир: подключиться можно через лендинг курса.
🌚3😁1
Представим: старт проекта завтра. Что возьмете в основу?
— Быстрая верстка за счёт утилитарных классов
— Чёткий дизайн-системный язык без лишнего нейминга
— Удобно для больших команд — меньше стиля-разброда
— Стили прямо в компоненте → чище структура
— Динамика через пропсы без костылей
— Отличная интеграция с React, всё на JS
Голосуем реакциями:
👍 — Tailwind
❤️ — Styled Components
#code_battle
Please open Telegram to view this post
VIEW IN TELEGRAM
👍44❤26🥱9
На картинке 3 кейса:
— Всегда указывайте все зависимости эффекта
— Если зависимость нестабильна (объект/функция) → мемоизируйте
(useMemo, useCallback)
— Примитивы (строка, число) в deps — самый безопасный вариант
#hotfix #react
Please open Telegram to view this post
VIEW IN TELEGRAM
❤5👍2🔥2
Компоненты делятся на уровни:
— Упрощает повторное использование компонентов
— Делает код предсказуемым и масштабируемым
— Помогает поддерживать дизайн-систему
#blueprint
Please open Telegram to view this post
VIEW IN TELEGRAM
👍6🔥2
Please open Telegram to view this post
VIEW IN TELEGRAM
😁6🤩1
Бывает: сделал коммит слишком рано — что-то забыл или добавил лишнее. Удалять изменения не хочется, а переписывать руками — долго.
Решение:
git reset --soft HEAD~1
— последний коммит исчезнет из истории,
— все изменения вернутся в staged,
— можно поправить и закоммитить заново.
#readme #git
Please open Telegram to view this post
VIEW IN TELEGRAM
❤8👍4🔥1
Сегодня смотрим, за счёт чего сетка Pinterest выглядит цельной и удобной.
#ux_analysis
Please open Telegram to view this post
VIEW IN TELEGRAM
Please open Telegram to view this post
VIEW IN TELEGRAM
❤6🔥3
Наконец-то добавят современный API для работы с датами и временем. Это большой апгрейд по сравнению с Date.
AI-ассистент теперь работает прямо в терминале: можно генерировать команды, документацию, делать ревью кода.
Новый современный фреймворк на базе TanStack Router подходит к первому стабильному релизу.
#release_digest
Please open Telegram to view this post
VIEW IN TELEGRAM
🔥1