✨ Кризис идентичности, или как Vue-разработчик мигрировал enterprise-проект на Angular 18
Миграция проектов на новую версию фреймворка редко сводится к простому обновлению зависимостей. Старый код, несовместимые библиотеки, изменения API и накопившийся технический долг превращают такую задачу в вызов.
К счастью в Angular есть схематики, которые частично автоматизируют миграцию и берут на себя значительную часть рутинных изменений.
Павел Барсуков рассказал о миграции большого Angular-проекта, которую он выполнял как разработчик с основным опытом во Vue. Получился живой практический рассказ о том, с какими неожиданными проблемами можно столкнуться и как их решать.
👉 https://habr.com/ru/companies/ppr/articles/1085816/
Миграция проектов на новую версию фреймворка редко сводится к простому обновлению зависимостей. Старый код, несовместимые библиотеки, изменения API и накопившийся технический долг превращают такую задачу в вызов.
К счастью в Angular есть схематики, которые частично автоматизируют миграцию и берут на себя значительную часть рутинных изменений.
Павел Барсуков рассказал о миграции большого Angular-проекта, которую он выполнял как разработчик с основным опытом во Vue. Получился живой практический рассказ о том, с какими неожиданными проблемами можно столкнуться и как их решать.
👉 https://habr.com/ru/companies/ppr/articles/1085816/
👍6❤1🔥1👏1🤔1
✨ Новый компилятор на базе Rust и Oxc
Команда Angular разрабатывает Angular Preprocessor (ngp), новый компилятор с гибридной архитектурой.
ngp будет отдельно компилировать декораторы и шаблоны и отдельно готовить данные для проверки типов, которую по-прежнему выполняет TypeScript. Фронтенд написан на Rust с использованием oxc, бэкенд остался на TypeScript.
Сейчас проект близок к MVP и тестируется на больших кодовых базах Google. Экспериментальную версию обещают выпустить до конца года.
👉 https://blog.angular.dev/an-update-on-angulars-typescript-7-powered-compiler-9619a35e2b0a
Команда Angular разрабатывает Angular Preprocessor (ngp), новый компилятор с гибридной архитектурой.
ngp будет отдельно компилировать декораторы и шаблоны и отдельно готовить данные для проверки типов, которую по-прежнему выполняет TypeScript. Фронтенд написан на Rust с использованием oxc, бэкенд остался на TypeScript.
Сейчас проект близок к MVP и тестируется на больших кодовых базах Google. Экспериментальную версию обещают выпустить до конца года.
👉 https://blog.angular.dev/an-update-on-angulars-typescript-7-powered-compiler-9619a35e2b0a
🔥28🤩2🌭1🎄1🦄1
✨ Angular 22.2: Error Boundaries, Router Resources и многое другое
На днях вышел Angular 22.2 минорный релиз, в котором особенно выделяются две новые возможности.
Error Boundaries позволяют изолировать ошибки при рендеринге части шаблона и показывать запасной вариант отображения, вместо того чтобы нарушать отображение всей страницы. И Router Resources, который загружает данные маршрута через Resource API, причем параллельно.
В статье эти возможности разобраны на практическом примере. Кроме того, кратко рассматриваются другие изменения релиза.
👉 https://www.angulararchitects.io/en/blog/angular-22-2-error-boundaries-router-resources-and-more/
На днях вышел Angular 22.2 минорный релиз, в котором особенно выделяются две новые возможности.
Error Boundaries позволяют изолировать ошибки при рендеринге части шаблона и показывать запасной вариант отображения, вместо того чтобы нарушать отображение всей страницы. И Router Resources, который загружает данные маршрута через Resource API, причем параллельно.
В статье эти возможности разобраны на практическом примере. Кроме того, кратко рассматриваются другие изменения релиза.
👉 https://www.angulararchitects.io/en/blog/angular-22-2-error-boundaries-router-resources-and-more/
👍5❤3🆒3
👨💻 Фронтенд с AI: что можно делегировать агентам
5 октября, стартует конференция Podlodka Frontend Crew — сезон о том, как применять AI во фронтенд-разработке на практике.
Участники конференции узнают:
• Как находить prompt injection и противостоять таким атакам;
• Какие подходы помогают повысить доверие к результатам агентской разработки;
• Как проводить ревью кода, созданного AI-агентами;
• Как AI помогает упростить починку багов.
В программе ещё много практических кейсов. Также нужно отметить, что у конференции очень удобный формат. Это пять дней Zoom-сессий по утрам и вечерам и закрытое Telegram-комьюнити, где можно обсудить новый опыт и узнать от единомышленников то, что не догадаешься спросить у своей LLM.
Приходите, чтобы разобраться, какие задачи уже можно делегировать AI, где важно сохранять контроль и как выстроить системную работу с AI в команде или проекте.
Промокод:angularfox
Реклама. ИНН: 507503278104, erid: 2SDnjegmUkK
🔗 Программа и билеты: https://podlodka.io/fecrew
5 октября, стартует конференция Podlodka Frontend Crew — сезон о том, как применять AI во фронтенд-разработке на практике.
Участники конференции узнают:
• Как находить prompt injection и противостоять таким атакам;
• Какие подходы помогают повысить доверие к результатам агентской разработки;
• Как проводить ревью кода, созданного AI-агентами;
• Как AI помогает упростить починку багов.
В программе ещё много практических кейсов. Также нужно отметить, что у конференции очень удобный формат. Это пять дней Zoom-сессий по утрам и вечерам и закрытое Telegram-комьюнити, где можно обсудить новый опыт и узнать от единомышленников то, что не догадаешься спросить у своей LLM.
Приходите, чтобы разобраться, какие задачи уже можно делегировать AI, где важно сохранять контроль и как выстроить системную работу с AI в команде или проекте.
Промокод:
Реклама. ИНН: 507503278104, erid: 2SDnjegmUkK
🔗 Программа и билеты: https://podlodka.io/fecrew
🤡17🔥3❤2👍1🆒1
✨ Angular WebMCP: ваше приложение превращается в ИИ-инструмент
В прошлом посте о WebMCP был очень меткий комментарий: «WebMCP - самый недооцененный стандарт».
И чем больше разбираешься в теме, тем интереснее выглядит эта идея. Агент может взаимодействовать с веб-приложением не через DOM и клики, а напрямую через инструменты, которые предоставляет само приложение.
В статье разбирается интеграция WebMCP с Angular 22: от создания собственных инструментов до автоматической работы с Signal Forms.
Отдельно стоит обратить внимание на безопасность. Агенты наследуют сессии пользователя, поэтому prompt injection в описаниях инструментов или в их ответах может заставить агента выполнять чужие команды с правами пользователя.
Подробно с вопросами безопасности можно ознакомиться в специальном разделе спецификации.
👉 https://dev.to/gdg/angular-webmcp-your-app-is-now-an-ai-tool-3bp4
В прошлом посте о WebMCP был очень меткий комментарий: «WebMCP - самый недооцененный стандарт».
И чем больше разбираешься в теме, тем интереснее выглядит эта идея. Агент может взаимодействовать с веб-приложением не через DOM и клики, а напрямую через инструменты, которые предоставляет само приложение.
В статье разбирается интеграция WebMCP с Angular 22: от создания собственных инструментов до автоматической работы с Signal Forms.
Отдельно стоит обратить внимание на безопасность. Агенты наследуют сессии пользователя, поэтому prompt injection в описаниях инструментов или в их ответах может заставить агента выполнять чужие команды с правами пользователя.
Подробно с вопросами безопасности можно ознакомиться в специальном разделе спецификации.
👉 https://dev.to/gdg/angular-webmcp-your-app-is-now-an-ai-tool-3bp4
🔥12👏2👍1😁1🤔1
🔥 Разыгрываем билет на Podlodka Frontend Crew
Для участия необходимо ответить на несколько вопросов.
Конференция начнется 5 октября. Вас ждут ежедневные встречи в Zoom, постоянное общение с экспертами индустрии и закрытое профессиональное сообщество в Telegram.
💖 Желаем удачи
Для участия необходимо ответить на несколько вопросов.
Конференция начнется 5 октября. Вас ждут ежедневные встречи в Zoom, постоянное общение с экспертами индустрии и закрытое профессиональное сообщество в Telegram.
💖 Желаем удачи
🔥4👍1👎1💊1
✨ 10 браузерных API, заменяющих библиотеки, которые я раньше все время устанавливал
Многие задачи, для которых раньше приходилось устанавливать NPM пакеты и jQuery плагины, теперь решаются встроенными API браузера.
В статье разбираются: IntersectionObserver, Dialog, Popover, View Transitions, AbortController, structuredClone, groupBy, новые методы массивов, Web Crypto и Temporal. Для каждого приведены небольшие примеры кода, возможные замены библиотекам и нюансы поддержки в браузерах.
Тем временем в TC39 обсуждают предложение Composites. Два объекта с одинаковым содержимым сейчас считаются разными. Вместо JSON.stringify предлагается Composite({ x: 1, y: 4 }). Два композита с одинаковыми значениями это один и тот же объект, поэтому ===, Set и Map работают так, как ожидаешь.
А какие новые методы и API ждете вы?
👉 https://habr.com/ru/companies/timeweb/articles/1086082/
Многие задачи, для которых раньше приходилось устанавливать NPM пакеты и jQuery плагины, теперь решаются встроенными API браузера.
В статье разбираются: IntersectionObserver, Dialog, Popover, View Transitions, AbortController, structuredClone, groupBy, новые методы массивов, Web Crypto и Temporal. Для каждого приведены небольшие примеры кода, возможные замены библиотекам и нюансы поддержки в браузерах.
Тем временем в TC39 обсуждают предложение Composites. Два объекта с одинаковым содержимым сейчас считаются разными. Вместо JSON.stringify предлагается Composite({ x: 1, y: 4 }). Два композита с одинаковыми значениями это один и тот же объект, поэтому ===, Set и Map работают так, как ожидаешь.
А какие новые методы и API ждете вы?
👉 https://habr.com/ru/companies/timeweb/articles/1086082/
👍2🔥2