Больше не нужен хаос с div’ами, z-index и костылями для фокуса — <dialog> решает это из коробки.
Please open Telegram to view this post
VIEW IN TELEGRAM
Please open Telegram to view this post
VIEW IN TELEGRAM
👍13🔥3❤2
Когда React начинает «задыхаться» на тяжёлых списках и таблицах — приходит Million.js. Drop-in библиотека, которая ускоряет рендер до x70 FPS без переписывания всего проекта.
Что умеет:
— Подменяет Virtual DOM React на более быстрый «компилятор»
— Работает как HOC:
million/react оборачивает существующие компоненты— Поддерживает списки, таблицы и часто перерисовывающиеся блоки
Как запустить:
npx million@latest
import { For } from 'million/react'
function List({ items }) {
return (
<ul>
<For each={items}>
{i => <li>{i}</li>}
</For>
</ul>
)
}
💡 Отлично подходит для дашбордов, аналитики и любых «живых» интерфейсов, где много рендеров.
#буст
Please open Telegram to view this post
VIEW IN TELEGRAM
👍6🔥3❤1
JavaScript-комбайн получил обновление.
В версии 1.2.22 появились:
— Полные async stack traces для удобной отладки.
— До 240x ускорение
postMessage и structuredClone для простых объектов.— Новые возможности в Bun.SQL (MySQL):
affectedRows, lastInsertRowid, TLS, поддержка mysql_native_password.— Улучшения бандлера: оптимизация
new Object() → {}, typeof x === "undefined" → компактнее, флаг jsxSideEffects.— Новый API для диагностики задержек event loop:
perf_hooks.monitorEventLoopDelay().— Апдейты для WebSocket, Redis и Node.js-совместимости.
#свежак
Please open Telegram to view this post
VIEW IN TELEGRAM
🔥9❤3👍2
Please open Telegram to view this post
VIEW IN TELEGRAM
💯8🔥2🌚1
Видео с живым собесом, где проверяют: React + TypeScript, оптимизация, работа с API, управление состоянием (Redux/MobX/Context), верстка на уровне (Flexbox, Grid), тесты и даже архитектурные подходы.
#буст
Please open Telegram to view this post
VIEW IN TELEGRAM
🌚7👍2😁2
Зачем придумали border-radius ❓
Anonymous Quiz
16%
Для модных кнопок Apple
7%
Чтобы ускорить отрисовку
73%
Чтобы не мучиться с PNG-углами
5%
Для анимаций
🌚4
This media is not supported in your browser
VIEW IN TELEGRAM
📅 24 сентября в 19:00 МСК — бесплатный вебинар с Максимом Шаланкиным.
Тема: «ИИ-агенты: новая фаза развития искусственного интеллекта».
🔹 Почему все говорят про ИИ-агентов и куда вливаются миллиарды инвестиций.
🔹 Чем они отличаются от ChatGPT и обычных ботов.
🔹 Как работает цикл агента: восприятие → планирование → действие → обучение.
🔹 Живое демо простого агента.
🔹 Потенциал для бизнеса: автоматизация процессов и ROI до 80%.
Не придёшь — будешь потом рассказывать, что «агенты — это как чат-боты», и ловить косые взгляды от коллег 😏
👉 Регистрируйтесь через форму на лендинге
Тема: «ИИ-агенты: новая фаза развития искусственного интеллекта».
🔹 Почему все говорят про ИИ-агентов и куда вливаются миллиарды инвестиций.
🔹 Чем они отличаются от ChatGPT и обычных ботов.
🔹 Как работает цикл агента: восприятие → планирование → действие → обучение.
🔹 Живое демо простого агента.
🔹 Потенциал для бизнеса: автоматизация процессов и ROI до 80%.
Не придёшь — будешь потом рассказывать, что «агенты — это как чат-боты», и ловить косые взгляды от коллег 😏
👉 Регистрируйтесь через форму на лендинге
😁4😢2
Оптимизация стилей перед продом:
npx purgecss --css styles.css --content index.html
--css — путь к стилям--content — HTML/JS-файлы, откуда берутся используемые селекторы💡 Советы:
— Можно указать несколько файлов:
--content "./src/**/*.html" "./src/**/*.js»
— Работает с Tailwind, SCSS и шаблонизаторами
— Идеально подходит для прод-сборки: убирает всё лишнее из CSS
#буст
Please open Telegram to view this post
VIEW IN TELEGRAM
🔥8👍1🌚1
⚡️ Бесплатный вебинар — ИИ-агенты: новая фаза развития AI
24 сентября в 19:00 МСК состоится бесплатный вебинар с Максимом Шаланкиным — Data Science Team Lead в финтех-команде MWS, а познакомиться с ним ближе можно в его тг-канале.
Тема:
На вебинаре разберёмся, почему агенты — это следующий шаг после ChatGPT, чем они отличаются от обычных моделей и как уже приносят бизнесу ROI до 80%. А дальше я покажу, как эта тема ложится в наш курс по ИИ-агентам, который разработан под руководством Никиты Зелинского.
Подробности рассказываем в гс выше — включай, чтобы не пропустить.
24 сентября в 19:00 МСК состоится бесплатный вебинар с Максимом Шаланкиным — Data Science Team Lead в финтех-команде MWS, а познакомиться с ним ближе можно в его тг-канале.
Тема:
«ИИ-агенты: новая фаза развития искусственного интеллекта».
На вебинаре разберёмся, почему агенты — это следующий шаг после ChatGPT, чем они отличаются от обычных моделей и как уже приносят бизнесу ROI до 80%. А дальше я покажу, как эта тема ложится в наш курс по ИИ-агентам, который разработан под руководством Никиты Зелинского.
Подробности рассказываем в гс выше — включай, чтобы не пропустить.
😁4
Работа с массивами и объектами — не только про хранение данных, но и про правильную трансформацию, фильтрацию и аккумулирование значений, соблюдая иммутабельность.
Что в карточках:
map, filter и reducereduce с объяснением аргументов и отличий от forEachreduce — классические кейсы на собеседованиях.Please open Telegram to view this post
VIEW IN TELEGRAM
Please open Telegram to view this post
VIEW IN TELEGRAM
❤5🔥1
Please open Telegram to view this post
VIEW IN TELEGRAM
💯9❤2🌚2😁1
Полезный репозиторий для фронтенд-разработчиков: список всего, что нужно проверить перед запуском проекта.
📑 В каждом разделе есть ссылки на статьи, тулзы и видео для проверки.
#буст
Please open Telegram to view this post
VIEW IN TELEGRAM
❤9🔥1
Event loop — сердце JavaScript. Чтобы писать быстрый и стабильный фронтенд, важно уметь управлять задачами в его очередях. Подборка актуальных материалов:
#свежак
Please open Telegram to view this post
VIEW IN TELEGRAM
❤5🎉1👾1
🗿 Незаметные ререндеры
— Даже если filters не меняются, при любом апдейте родителя все Item снова ререндерятся.
❓ Почему так происходит?
🐸 Библиотека фронтендера
#междусобойчик
const FiltersContext = createContext({ filters: {} });
function App({ filters, items }) {
return (
<FiltersContext.Provider value={{ filters }}>
{items.map(i => <Item key={i.id} />)}
</FiltersContext.Provider>
);
}
— Даже если filters не меняются, при любом апдейте родителя все Item снова ререндерятся.
#междусобойчик
Please open Telegram to view this post
VIEW IN TELEGRAM
🌚17❤2🔥1
🔥 Не пропустите событие осени для AI-комьюнити
24 сентября, 19:00 Мск — бесплатный вебинар с Максимом Шаланкиным «ИИ-агенты: новая фаза развития искусственного интеллекта»
😤 Пока все спорят, «боты это или нет», мы покажем, как работают настоящие агенты: с планированием, инструментами и памятью. За час Максим разберёт:
— почему ИИ-агенты сейчас на пике инвестиций
— чем они отличаются от ChatGPT и обычных моделей
— цикл агента: восприятие → планирование → действие → обучение
— живое демо простого агента
— как бизнес уже получает ROI до 80%
⚡️ Хотите спросить у Максима всё, что обычно остаётся «за кадром»? Ловите шанс — только в прямом эфире.
⏰ Мест мало, регистрация закроется, как только забьём комнату
24 сентября, 19:00 Мск — бесплатный вебинар с Максимом Шаланкиным «ИИ-агенты: новая фаза развития искусственного интеллекта»
😤 Пока все спорят, «боты это или нет», мы покажем, как работают настоящие агенты: с планированием, инструментами и памятью. За час Максим разберёт:
— почему ИИ-агенты сейчас на пике инвестиций
— чем они отличаются от ChatGPT и обычных моделей
— цикл агента: восприятие → планирование → действие → обучение
— живое демо простого агента
— как бизнес уже получает ROI до 80%
⚡️ Хотите спросить у Максима всё, что обычно остаётся «за кадром»? Ловите шанс — только в прямом эфире.
⏰ Мест мало, регистрация закроется, как только забьём комнату
🔥4
Разработчик фронтенда — от 300 000 до 490 000 ₽, офис/гибрид (Москва)
JS React Frontend Developer — от 4 000 $, удаленно (Москва)
Frontend разработчик (React) — удаленно (Санкт-Петербург)
MultiTrack для фронтенд-разработчиков — от 250 000 ₽, офис/гибрид (Москва)
Senior WEB Developer — от 300 000 ₽, удаленно (Москва)
#свежак
Please open Telegram to view this post
VIEW IN TELEGRAM
🌚3🔥2