13 Aug 2026, 07:49 UTC868 views7 reactionsread 14 August 2026 Photo
⚡ 35 млн точек в браузере — и около 72 FPS
ChartGPU — библиотека для визуализации больших датасетов через WebGPU вместо Canvas2D или WebGL.
⬇️Поддерживает стриминг данных,
⬇️несколько графиковна одном
⬇️GPUDevice, GPU-decimation и
⬇️даже 3D-серии. Авторы
⬇️показывают бенчмарк с 35
⬇️млн точек примерно при 72
⬇️FPS.
Особенно интересно для дашбордов, мониторинга, финтеха и observability-интерфейсов, где обычный Canv…
👍5🥰2
12 Aug 2026, 14:35 UTC≈1,050 views33 reactionsread 14 August 2026 🤔 Вопрос с собеседования
Что произойдёт с состоянием компонента, если изменить его key?
<UserForm key={userId} userId={userId} />
Допустим, userId меняется с 42 на 43.
❤️ — состояние сохранится, изменятся только props
🔥 — React пересоздаст компонент, и state сбросится
👍 — state сбросится только при использовании React.memo
👇 Правильный ответ (нажми, чтобы прочитать):
React связывает состояние с позицией компон…
🔥28❤2👍2🥰1
11 Aug 2026, 12:10 UTC≈1,200 views9 reactionsread 14 August 2026 Video
📍 Навигация: [Вакансии]
🐸 Библиотека фронтендера
#pixel_pause
😁9
10 Aug 2026, 11:09 UTC≈1,290 views13 reactionsread 14 August 2026 Video
😧 Совет по HTML: как разом отключить сразу несколько полей формы
Достаточно добавить атрибут disabled к тегу `<fieldset>` — и все элементы формы внутри него станут неактивными автоматически, без необходимости прописывать это для каждого по отдельности.
📍 Навигация: [Вакансии]
🐸 Библиотека фронтендера
#readme
❤9👍2🥰2
9 Aug 2026, 10:26 UTC≈1,390 views13 reactionsread 14 August 2026 Photo
📖 Под капотом браузера: баги гидрации
SR и гидрация обещают быстрый рендер, но на деле фронтендеры часто сталкиваются с расхождениями между сервером и клиентом.
➡️ В карточках — разберём, как работает процесс, где появляются баги и как их избежать.
📍 Навигация: [Вакансии]
🐸 Библиотека фронтендера
#under_hood
🔥6❤4🥰3
8 Aug 2026, 10:01 UTC≈1,230 views8 reactionsread 14 August 2026 Photo
🔑 Cортировка по нескольким ключам
Когда нужно отсортировать массив объектов сразу по нескольким полям — вместо вложенных 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)
);
Где пригодится:
— Сортировка таблиц и списков в UI;
— Подготовка данных из API;
— Фильтры («сначала по категории, потом по цене»).
reduc…
🔥6🥰2
8 Aug 2026, 08:39 UTC822 views2 reactionsread 14 August 2026 Forwarded from @proglib_academyPhoto
🤔 У большинства разработчиков уже есть подписки на IDE, GitHub Copilot, Claude, ChatGPT или облачные сервисы.
Логично, что обучение тоже постепенно приходит к той же модели: не покупать отдельный курс под каждую новую тему, а иметь доступ ко всей библиотеке и выбирать, что актуально именно сейчас.
Такой формат недавно появился и в Proglib Academy. Вместо одного курса — доступ сразу ко всей библиотеке и новым матери…
🥰2
8 Aug 2026, 08:39 UTC≈1,130 views3 reactionsread 14 August 2026 Кажется, у онлайн-обучения появился формат, которого давно не хватало 👇
🥰3
7 Aug 2026, 09:33 UTC≈1,430 views8 reactionsread 14 August 2026 Video
🔊 936 звуков для интерфейсов в одной библиотеке
Open-source-библиотека собрала звуковые эффекты для кнопок, уведомлений, загрузки, ошибок, успешных действий, переключателей и других состояний интерфейса.
Все звуки распределены по 12 стилям — среди них Minimal, Glass, Sci-Fi, Mechanical, Zen и Retro. Это помогает выдержать единый звуковой стиль во всём продукте.
⚡️ Звуки можно подключать вручную или использовать го…
❤5🤔2🥰1
6 Aug 2026, 11:02 UTC≈1,440 views15 reactionsread 14 August 2026 Video
📱 Отключайте автокапитализацию там, где она мешает
Мобильные Chrome и Safari могут автоматически делать первую букву заглавной. Для обычного текста это удобно, но в полях с логином, email, промокодом или техническим значением такая помощь только увеличивает число ошибок.
Добавьте атрибут:
<input autocapitalize="off">
Он подскажет браузеру, что при вводе не нужно автоматически менять регистр букв.
📍 Навигация: […
👍13🥰2
5 Aug 2026, 12:01 UTC≈1,470 views11 reactionsread 14 August 2026 Photo
⭐️ Что стоит знать про работу с массивами и объектами
Работа с массивами и объектами — не только про хранение данных, но и про правильную трансформацию, фильтрацию и аккумулирование значений, соблюдая иммутабельность.
Что в карточках:
➡️ Что такое иммутабельность и зачем её соблюдать
➡️ Как работают методы массивов map, filter и reduce
➡️ Конкретный пример кода на reduce с объяснением аргументов и отличий от for…
👍6❤4🥰1
4 Aug 2026, 12:04 UTC≈1,450 views6 reactionsread 14 August 2026 Video
👾 Превращаем SVG и текст в 3D-компоненты для React
3dsvg.design — бесплатный браузерный инструмент, который превращает обычные SVG, текст и простую графику в объёмные интерактивные элементы.
Можно:
— загрузить SVG или добавить текст;
— настроить глубину, освещение и положение объекта;
— сразу посмотреть результат в браузере;
— экспортировать готовый React-компонент и вставить код в проект.
Полезно для лендингов, …
👍3🥰2❤1
Showing the 12 most recent of 22 posts we hold for @frontendproglib. 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.