Mastodawn

Frontend Status: свежий дайджест фронтенда и AI — 18.03.2026

Привет! Это девятый выпуск Frontend Status — дайджеста по фронтенд-разработке. В этом выпуске: 📺 Разговор с Машей Кондрашиной из Авито о том, что в IT больше не спорят из-за технологий. 🤖 VS Code переходит на еженедельные релизы благодаря AI-агентам, Chrome объясняет разницу между MCP и WebMCP, а Эдди Османи вводит термин «comprehension debt». ⚛️ React получает shadcn/cli v4 с режимом для агентов, SvelteKit ловит FOWL, Astro v6 подтягивает данные из API прямо в content collections. 🌎 Chrome 146, Mozilla за анонимность в вебе. 🎨 Брэд Фрост о дизайне в эпоху AI. 📦 Эмпирическое исследование утечек памяти на 500 репозиториях. ...и многое другое.

https://habr.com/ru/articles/1012160/

#javascript #typescript #react #angular #vuejs #css #браузеры

Frontend Status: свежий дайджест фронтенда и AI — 18.03.2026

Frontend Status: Привет! Свежий дайджест фронтенда и AI Привет! Это девятый выпуск Frontend Status — дайджеста по фронтенд-разработке. В этом выпуске: 📺 Разговор с Машей Кондрашиной из Авито о том,...

Хабр

Frontend Dogma 11h ago

Frontend Memory Leaks: A 500-Repository Static Analysis and Five-Scenario Benchmark Study, by (not on Mastodon or Bluesky):

https://stackinsight.dev/blog/memory-leak-empirical-study/

#memory #react #vuejs #angular #studies

Frontend Memory Leaks: A 500-Repository Static Analysis and Five-Scenario Benchmark Study

We scanned 500 public React, Vue, and Angular repositories with AST-based static analysis and found 55,864 missing-cleanup patterns — 86% of repos had at least one. Then we benchmarked five common leak scenarios (useEffect listeners, onMounted timers, RxJS subscriptions, Vue watchers, RAF) across 100 mount/unmount cycles with 50 repeats. Every pattern leaked ~8 KB per cycle. This article presents the full data, statistical validation, framework comparison, and one-line fixes.

StackInsight

The Linux Lighthouse 4d ago

Transitioning from Linux Systems Engineering into Full-Stack Web Development, I’ve been building small projects to strengthen my skills. Today I finished a simple Notes App using Nuxt.

It helped me practice project structure, pages, components, composables, reactivity, CRUD logic, and UI organization.

🔗 https://github.com/thelinuxlighthouse/nuxt-notes-app

#Nuxt #Nuxtjs #Vue #Vuejs #JavaScript #WebDevelopment #FullStackDevelopment #LearningInPublic #SoftwareDevelopment #linux #foss

Habr Mar 12

Frontend Status: свежий дайджест фронтенда и AI — 12.03.2026

Привет! Это восьмой выпуск Frontend Status — дайджеста по фронтенд-разработке. В этом выпуске — CodePen 2.0 и клон Loom на Next.js в видео; про AI: почему коллекция промптов не заменяет мышление, автоисследования на игровом PC и онбординг через Oncode. Безопасность в центре: Clinejection (4000 машин через GitHub-issue), как GitHub защищает агентские воркфлоу, укорочение срока жизни TLS-сертификатов, веб-агенты, сливающие данные пользователей, и 22 CVE в Firefox после проверки кодовой базы Claude. В CSS — все способы выбрать <html> , война z-index и подводный камень Anchor Positioning; в JS — когда пора переходить на Rust, разбор requestAnimationFrame и постмортем npm-червя Shai-Hulud. По фреймворкам: ретро-компоненты и cron-генератор в React, микрофронтенды в Angular 21. Веб-стандарты: обновление WCAG 3 и отчёт TC39 про ES2026. Браузеры: Chrome переходит на двухнедельные релизы, Edge предлагает атрибут focusgroup . Плюс VS Code 1.111 с инфраструктурой для Copilot-агентов, «убедительный дизайн» и усталость от токенов, TDD в эпоху AI, элемент <geolocation> , AT Protocol под капотом Bluesky и запуск Cursor-агентов из Telegram. Читать

https://habr.com/ru/articles/1009296/

#javascript #typescript #react #angular #vuejs #css #браузеры

Frontend Status: свежий дайджест фронтенда и AI — 12.03.2026

Frontend Status: Привет! Свежий дайджест фронтенда и AI Привет! Это восьмой выпуск Frontend Status — дайджеста по фронтенд-разработке. В этом выпуске — CodePen 2.0 и клон Loom на Next.js в видео; про...

Хабр

Abhinav Mar 9

⚡ Popular JavaScript Libraries & Frameworks to Know Whether you’re building fast web apps or scalable enterprise platforms, these JavaScript tools are shaping modern frontend development: #JavaScript #FrontendDevelopment #WebDevelopment #ReactJS #VueJS #Angular #Svelte

Jan

Mar 7

Did you know that in #Vue you can pass in a whole object as a prop to a component, where the object properties match the component properties?

So given:

const post = {
id: 1,
title: 'My Journey with Vue'
}

you can do:

which is equivalent to:

The above example is taken from the official docs:
https://vuejs.org/guide/components/props.html#binding-multiple-properties-using-an-object

I love Vue! ❤️

#WebDev #VueJS #WebDevelopment

Vue.js

Vue.js - The Progressive JavaScript Framework

Habr Mar 7

Vue DnD Kit v2: революция в мире Drag N Drop для Vue.js

Vue DnD Kit v2: headless drag-and-drop с composable API — делай что хочешь, как хочешь Если вы когда-нибудь пробовали сделать drag-and-drop на Vue по-настоящему гибким — с кастомным overlay, вложенными зонами, multi-drag и анимацией при отпускании — вы знаете, что большинство библиотек держат вас в клетке. Vue DnD Kit v2 эту клетку сломал. И вам это понравится!)

https://habr.com/ru/articles/1007680/

#vuejs #draganddrop #библиотеки #dndkit #vuednd #frontendразработка #dnd #sortable #kanban #tree

Vue DnD Kit v2: революция в мире Drag N Drop для Vue.js

Если вы когда-нибудь пробовали сделать drag-and-drop на Vue по-настоящему гибким - с кастомным overlay, вложенными зонами, multi-drag и анимацией при отпускании - вы знаете, что большинство библиотек...

Хабр

Habr Mar 5

Frontend Status: свежий дайджест фронтенда и AI — 05.03.2026

Привет! Это седьмой выпуск Frontend Status — дайджеста по фронтенд-разработке. В этом выпуске — разговор с одним из создателей WebAssembly о версии 3.0, трезвый взгляд на AI-копилотов и что приходит им на смену. Прокачиваемся в CSS и JS: что уже baseline в 2026, как не провалиться в ловушки дат и зачем нужен «Can I Stop». По фреймворкам: Angular чинит уязвимости и наконец делает формы человечными, Vue — про доступность, Svelte лидирует в State of JS. Плюс Bun, сайт конференции Three.js, опасный баг в Chromium и статья для тех, кто устал просто «рисовать пиксели». Читать

https://habr.com/ru/articles/1007014/

#фронтенд #javascript #typescript #react #angular #vuejs #css

Frontend Status: свежий дайджест фронтенда и AI — 05.03.2026

Frontend Status: Привет! Свежий дайджест фронтенда и AI Привет! Это седьмой выпуск Frontend Status — дайджеста по фронтенд-разработке. В этом выпуске — разговор с одним из создателей WebAssembly о...

Хабр

Joe Steinbring Mar 5

How to use wa-relative-time with Vue

Back when we looked at how to use wa-grid with Vue, we ended up with something that had the dates the individual photos were taken.

CodePen Embed Fallback

That is cool, but Web Awesome offers a second option. There is a wa-relative-time component that gives you the amount of time that has passed since that date. Let’s see what that would look like.

CodePen Embed Fallback

Would I use that in a finished product? I’m not too sure. It is always nice to have options, though.

Example: https://codepen.io/steinbring/pen/GgqpmJp/b7435756762bd672ed8865168de94943

#VueJs #WebAwesome

nathan Mar 3

gefühlt wird’s uns allen gerade wirtschaftlich nicht leicht gemacht, die firma einer freundin ist da keine ausnahme: sie suchen nach aufträgen und weil die ausbleiben, wird es sehr bald sehr eng.

von daher die frage/bitte: wisst ihr, wer bedarf an helfenden händen im bereich (crossplatform-)app- oder web-entwicklung hat? die firma sucht nach einem auftrag, es geht explizit um akquise. im stack sind #typescript #vuejs #python #django und #kotlin und #reactnative für apps.

ihr wisst was? dann kommt auf mich zu, ich verknüpfe euch.

und: teilt gerne, denn sharing is caring!