Библиотека фронтендера | Frontend, JS, JavaScript, React.js, Angular.js, Vue.js

Б

Библиотека фронтендера | Frontend, JS, JavaScript, React.js, Angular.js, Vue.js@frontendproglib

😧 Переписали 130K строк с React на Svelte за две неделиИнтересный кейс от Strawberry: команда полностью перенесла фронтенд браузера с React на Svelte всего за две недели с помощью coding agents.Причина была в производительности. Для браузера с постоянными AI-обновлениями, стримингом токенов и множеством параллельных UI-сценариев лишние ререндеры стали слишком дорогими.После миграции интерфейс стал заметно отзывчивее, а FCP новой вкладки сократился с 300 мс до 124 мс.🔗 В статье разбирают, почему команда ушла с React, как провела миграцию 130K строк через AI-агентов и что это дало по скорости, архитектуре и DX.📍 Навигация: [Вакансии]🐸 Библиотека фронтендера#read_watch

Б

Библиотека фронтендера | Frontend, JS, JavaScript, React.js, Angular.js, Vue.js@frontendproglib

Кажется, мы окончательно перешли от игрушек к суровому AgentOpsПриглашаем на наш обновлённый курс по разработке ИИ-агентов. Никакой воды про «будущее нейросетей», только инженерный подход.На курсе мы:— пошагово строим готовые системы на LangGraph, CrewAI и MCP;— настраиваем кэширование и роутинг, чтобы бот не сожрал токены;— разбираемся со стейтом, учимся дебажить через time-travel и прикручиваем human-in-the-loop;— выводим RAG в прод так, чтобы безопасники не завернули архитектуру из-за 152-ФЗ.В пекло скучные лекции про общую инфраструктуру — сразу фокусируемся на агентных фреймворках и написании кода. Занятия ведут бывалые лиды из Газпромбанка и Альфы, набившие шишки на реальных задачах.Кстати, на днях мы пилили агента в прямом эфире, если пропустили — есть запись вебинара.Сегодня последний день, когда можно забрать курс по старым ценам. Базовый тариф сейчас стоит 49 000 ₽ (вместо 62 990 ₽), продвинутый трек — 99 000 ₽ (вместо 124 990 ₽). Если не хочется отдавать всю сумму сразу, есть рассрочка. Торопитесь — на потоке осталось всего 5 мест!→ Зафиксировать цену и перейти к сборке своих агентов

Б

Библиотека фронтендера | Frontend, JS, JavaScript, React.js, Angular.js, Vue.js@frontendproglib

У «Библиотеки программиста» появился резервный канал в мессенджере MAXОн нужен исключительно для связи с теми, кто не может следить за обновлениями здесь из-за трудностей с доступом. Поэтому, если вы видите это сообщение, распространите его среди жильцов вашего ЖЭКа.Контент в MAX будет дублировать телеграмный — основной нашей площадкой был и остаётся Telegram. Надеемся, это временная мера.→ Подписаться на «Библиотеку программиста» в MAX

Б

Библиотека фронтендера | Frontend, JS, JavaScript, React.js, Angular.js, Vue.js@frontendproglib

📍 HTML-элемент для геолокацииВ начале года в вебе появился <geolocation> — специальный элемент для запроса местоположения пользователя. На первый взгляд это просто кнопка, но на деле браузер очень жёстко контролирует её внешний вид и поведение.🔜 В карточках разберём, как работает элемент, почему его почти нельзя кастомизировать, какие CSS-стили режутся и зачем браузер вообще ввёл такие ограничения. Спойлер: дело не только в доступности, но и в защите от манипуляций с геолокацией.🔗 Ссылка на статью📍 Навигация: [Вакансии]🐸 Библиотека фронтендера#under_hood

Б

Библиотека фронтендера | Frontend, JS, JavaScript, React.js, Angular.js, Vue.js@frontendproglib

⭐️ React one-liner для работы с childrenconst items = Children.toArray(children);Нужен, когда children надо безопасно превратить в массив и дальше обработать через slice, filter или map. Полезно в wrapper-компонентах, tabs и compound components — но без фанатизма: сам React считает Children API скорее редким и ситуативным инструментом. Например:const firstChild = Children.toArray(children)[0];📍 Навигация: [Вакансии]🐸 Библиотека фронтендера#readme #react

Б

Библиотека фронтендера | Frontend, JS, JavaScript, React.js, Angular.js, Vue.js@frontendproglib

А тебе потом за него все переделывать… 🚬🐸 Библиотека фронтендера#pixel_pause

Б

Библиотека фронтендера | Frontend, JS, JavaScript, React.js, Angular.js, Vue.js@frontendproglib

🐸 Библиотека фронтендера#code_challenge

Б

Библиотека фронтендера | Frontend, JS, JavaScript, React.js, Angular.js, Vue.js@frontendproglib

✍️ Нашли headless-редактор для React в стиле NotionYoopta Editor 6.0 — open-source библиотека под MIT для создания блочных текстовых редакторов в React.✨ Главная фишка — headless-подход: редактор не навязывает внешний вид, поэтому UI можно полностью собрать под свой продукт. При этом в библиотеке уже есть готовые компоненты для быстрого старта.🔤 Подойдёт для заметок, документации, CMS, админок и внутренних баз знаний. Если нужен гибкий редактор в духе Notion без жёстких ограничений по дизайну — на Yoopta точно стоит посмотреть.📍 Навигация: [Вакансии]🐸 Библиотека фронтендера#stack

Б

Библиотека фронтендера | Frontend, JS, JavaScript, React.js, Angular.js, Vue.js@frontendproglib

💡 CSS-свойство, которое может ускорить длинные страницыcontent-visibility: auto позволяет браузеру отложить часть рендеринга offscreen-элементов, пока они не понадобятся..card { content-visibility: auto;} 🔜 Это особенно полезно для длинных списков, каталогов и страниц с большим количеством блоков. Но чтобы браузер заранее понимал размер скрытого блока и не дёргал макет при появлении, обычно добавляют contain-intrinsic-size..card { content-visibility: auto; contain-intrinsic-size: auto 300px;}Использовать это стоит точечно: в больших списках и тяжёлых секциях эффект заметнее всего. 📍 Навигация: [Вакансии]🐸 Библиотека фронтендера#readme #css

Б

Библиотека фронтендера | Frontend, JS, JavaScript, React.js, Angular.js, Vue.js@frontendproglib

🐸 Библиотека фронтендера#pixel_pause