Angular партнеры с командой Chrome, чтобы создать новый пользовательский трек для Angular в Chrome Devtools. Инструмент предоставляет угловые данные и понимание панели производительности Chrome Devtools.
«Традиционно панель производительности Chrome отлично подходит для подробного анализа вызовов функций, в то время как Angular Devtools предлагает представление о более высоком уровне, основанное на структуре, таких как компоненты, крючки жизненного цикла, привязки и т. Д.»,-написали угловые разработчики Марк Томпсон и Павел Козловски в объявлении в среду. «К сожалению, наличие двух отдельных инструментов приводит к фрагментированному пониманию производительности».
Пост в блоге содержит скриншоты, чтобы помочь разработчикам понять новый интерактивный трек, или вы можете отправиться прямо к документации.
Astro выкатывает вступительный курс
Если вы хотите узнать больше о недавнем выпуске Astro в Live Content Collections или просто Astro в целом, абоненты Framework организовали и участвовали в серии виртуальных событий на прошлой неделе, называемой Festival Solstice.
Среди событий был выпуск вступления в Astro Course, дискуссию с основным сопровождающим Сарой Рейнсбергер, панель по обучению Astro и сборы по сбору контентов с Кейном и старшим инженером-программистом и YouTuber Nick Taylor.
В мероприятие было включено пост в новые коллекции живого контента, содержит астроновое сопровождающее Мэтт Кейн.
Astro-это веб-структура, ориентированная на контент. Коллекции контента изначально были способом структурировать контент из файлов (Markdown, MDX и JSON), что позволило разработчикам создавать блоги и сайты документации, объяснил он. Но с тех пор они превратились в слой контента, который поддерживает подключаемые погрузчики для различных источников данных, включая API и CMS, пишет Кейн.
Коллекции живого контента приносят возможности данных в реальном времени в API Content Collections. Варианты использования включают сайты электронной коммерции, которые требуют частых изменений запасов, новостей и агрегации социальных сетей, а также использование пользовательских погрузчиков на страницах.
Глубокое погружение в технический стек Shopify frontend
Технический стек Shopify известен своей масштабируемостью, и теперь мы можем увидеть, как он был построен, благодаря недавнему подробному взгляду, опубликованному в блоге Bytebytego. Shopify помог с произведением.
«Фронт Shopify прошел через несколько архитектурных сдвигов, каждый из которых отражает изменения в более широкой веб -экосистеме и уроках, извлеченных под масштабом», — отмечается в сообщении в блоге. «В первые дни использовались стандартные шаблоны: HTML-шаблоны с трансляцией сервера, улучшенные с помощью jQuery и Prototype.js».
Затем Shopify построил свою собственную одностраничную плату приложения под названием Batman.js, которая предлагала реактивность и маршрутизацию, но стала проблемой долгосрочного обслуживания. Затем они перешли к статически отображенному HTML и ванильным JavaScript.
Теперь TypeScript в паре с React.
«Сегодня интерфейс Admin Shopify работает на React, React Router от Remix, написанного в TypeScript и полностью управляется GraphQL», — говорится в сообщении. «Это следует за строгим разделением: никакой бизнес -логики в клиенте, без общего состояния по мнению.
Для мобильной разработки они используют React Native.
В пьесе также исследует бэкэнд -стек.
Figma добавляет пользовательские взаимодействия с React
Figma наиболее известен как инструмент дизайна, но он поддерживает сотрудничество разработчиков несколькими способами. В июне облачный инструмент проектирования и прототипирования внедрил кодовые слои, что является новым способом создания пользовательских взаимодействий на сайтах Figma-его инструмент для проектирования, прототипирования и публикации веб-сайтов непосредственно из Designs Figma.
Кодовые слои используют пользовательский код React для добавления взаимодействия и движения. Конечно, это использует ИИ для этого.
«Независимо от того, создаете ли вы элемент с нуля или рифуете на существующем дизайне, слои кода позволяют вам добавлять динамическую функциональность на ваш сайт — от выпадений и раскрывающихся в отставку в шейдеры и карты — путем преобразования компонентов в кодовые слои, общение с ИИ для создания и настройки их или редактирования непосредственно в кодовом композисе Figma», — написала компания в объявлении. «Создавая кодовый слой для компонента, вы можете добавить динамическое поведение, просто побуждая встроенный чат искусственного интеллекта-питается на фигме».
Кодовые слои могут быть превращены в многократно используемые компоненты, и Figma позволяет пользователям импортировать пакеты кода из NPM, чтобы разблокировать более богатые взаимодействия, добавляет он.
Canva предлагает больше интеграции AI
Говоря о инструментах дизайна, которые создают поддержку для разработчиков, на прошлой неделе Canva запустила сервер Canva MCP, который подключит Canva Content Content и дизайн пользователей с инструментами AI.
Сервер Canva MCP позволяет любому помощнику по искусственному искусству нажимать непосредственно в полную рабочую область Canva пользователя, включая историю дизайна, творческие инструменты и шаблоны, — для создания проектов, итерации или проектирования копии дизайна, изменения размера; Все в разговорном потоке, заявила компания.
С сервером MCP Canva, помощники ИИ и агенты ИИ могут:
- Создайте любой тип дизайна, от социальных постов до презентаций, включающих контекст из чата ИИ.
- Автозаполненные диаграммы с мечеными, отформатированными данными из сгенерированных AI Insights;
- Изменить размер и экспортировать фирменные шаблоны, от презентаций до документов Canva, с контекстной копией на бренде; и
- Импортируйте PDF или файлы непосредственно по ссылке.
Компания добавила, что интеграции MCP с Claude, CHATGPT и Salesforce будут доступны.
Canva также запустила глубокий исследовательский разъем для Chatgpt. Он соединяет дизайн пользователей Canva непосредственно с CHATGPT, «обеспечивая конкретные, вдумчивые и богатые контекстом ответы, основанные на вашей прошлой работе», сказала компания.
По данным компании, использование Canva GPT, которое генерирует новые дизайны, которые можно отредактировать в Canva, выросли на 375% годов, что делает его одним из лучших приложений Catgpt по производительности.
Canva уже предлагает сервер Dev MCP.
Trending Stories youtube.com/thenewstack Tech движется быстро, не пропустите эпизод. Подпишитесь на наш канал YouTube, чтобы транслировать все наши подкасты, интервью, демонстрации и многое другое. Группа подпишитесь с эскизом. Loraine Lawson — ветеран -репортер, который в течение 25 лет освещал технологические проблемы от интеграции данных до безопасности. Прежде чем присоединиться к новому стеку, она работала редактором Banking Technology Site Bank Automation News. Она … читайте больше от Лорейн Лоусон
