Dev новости: React полноценный fullstack, typescript 5.6 лучше ловит ошибки

Превращение React в Полноценный Full Stack Фреймворк и Другие Технические Новости

На этой неделе разработчики активно обсуждают новые возможности React, появление артефактов в Claude для разработчиков, новый релиз TypeScript и возможности проекта IDX от Google.

React Становится Full Stack Фреймворком?

Разработчик программного обеспечения и фрилансер Робин Вирух на днях поделился мыслями о том, что React постепенно превращается в полноценный full stack фреймворк. Это стало возможным благодаря введению React Server Components и Server Actions.

«Это лишь начало эры full stack разработки с React,» — отмечает Вирух. — «Когда разработчики начнут использовать Server Components и Server Actions для доступа к базам данных, они столкнутся с определёнными трудностями. Однако освоение этих инструментов значительно расширит их возможности, выходя за рамки обычных CRUD-приложений.»

С этим нововведением фронтенд-разработчики смогут быстрее и эффективнее осваивать бекенд-архитектуры, изучая паттерны проектирования и лучшие практики в разработке.

Claude Теперь Создаёт Артефакты

Для пользователей Claude AI появилась новая полезная функция — артефакты. Теперь у разработчиков есть отдельное окно для просмотра и итераций над созданным кодом или диаграммами архитектуры.

«Артефакты превращают взаимодействие с Claude в более креативный и совместный процесс,» — говорится в блоге команды Claude. — «С помощью этой функции пользователи могут мгновенно видеть результаты, дорабатывать их и создавать на основе существующих данных.»

Эта функция доступна всем пользователям платформы Claude, включая тех, кто использует бесплатные или платные подписки. Артефакты можно создавать и просматривать как в браузере, так и в мобильных приложениях на iOS и Android. Среди возможностей создания артефактов выделяются:

  • Фрагменты кода
  • Диаграммы потоков
  • SVG-графика
  • Одностраничные сайты на React или HTML
  • Интерактивные панели управления

Гергей Орос, автор «Pragmatic Engineer», также отметил, что артефакты могут стать серьёзным шагом вперёд в использовании больших языковых моделей (LLM) для совместной работы.

TypeScript 5.6 Улучшает Обнаружение Ошибок

Новая версия TypeScript 5.6, кандидат на релиз, предлагает значительные улучшения в обнаружении ошибок. Менеджер продукта TypeScript Дэниел Розенвассер отметил, что новая функция блокирует проверку на «nullish» и «truthy» состояния, что поможет ловить больше ошибок ещё на этапе написания кода.

Раньше такие проверки могли быть частью валидного JavaScript-кода, несмотря на то, что они содержали логические ошибки. Теперь же TypeScript 5.6 будет сигнализировать о таких ошибках и предотвращать их.

Кроме того, в новой версии добавлен тип IteratorObject, который также включает поддержку асинхронных итераторов.

Проект IDX: Объединение Редактора Кода и Инструментов

Проект IDX — это браузерная среда разработки, созданная на базе Google Cloud Workstations и оснащённая генеративной AI моделью Codey, основанной на PaLM 2. Основная цель проекта — упростить процесс создания и развертывания полноценных веб-приложений с поддержкой различных платформ.

Проект стремится объединить два основных аспекта разработки: редактор кода и языки с необходимыми инструментами для запуска.

«В основе Project IDX лежит наша убеждённость, что разработчики должны иметь возможность работать с любого устройства и из любой точки мира, сохраняя при этом все возможности локальной среды разработки,» — отмечают разработчики.

IDX предлагает следующие ключевые возможности:

  • Увеличение продуктивности разработчиков с помощью генеративных AI-инструментов на базе Gemini.
  • Упрощение начальной настройки проектов благодаря шаблонам и интеграциям.
  • Поддержка разработки мобильных приложений в браузере с использованием Flutter и React Native.

Система на базе Nix позволяет настраивать рабочие пространства с минимальными усилиями, что делает среду более гибкой для каждого конкретного проекта.

Таким образом, проект IDX продолжает развиваться, предлагая новые инструменты и упрощая разработку для разработчиков по всему миру.

Читайте также
Бесплатный инструмент поможет веб-разработчикам разобраться со «сложным» SEO-обновлением Google
Бесплатный инструмент поможет веб-разработчикам разобраться со «сложным» SEO-обновлением Google
Бесплатный инструмент поможет веб-разработчикам разобраться со «сложным» SEO-обновлением Google

Комплексное обновление соответствует более сложному подходу к оценке сайтов для ранжирования.

Dev новости:  Nuxt 3.9, Vue.js 3.4, анализируем React Server Components
Dev новости: Nuxt 3.9, Vue.js 3.4, анализируем React Server Components
Dev новости: Nuxt 3.9, Vue.js 3.4, анализируем React Server Components

Улучшения в Vue.js, анонс новых фич для версии 3.9 в Nuxt. Bun, Copilot и небольшой анализ react серверных компонентов.

Dev новости: SolidStart и выпуск Next.js 15
Dev новости: SolidStart и выпуск Next.js 15
Dev новости: SolidStart и выпуск Next.js 15

Райан Карниато, создатель Solid, признался, что не является поклонником метафреймворков. Однако 21 мая он представил SolidStart, метафреймворк для создания приложений на Solid. Карниато отметил, что SolidStart предназначен для «строителей и людей с собственным мнением» и подчеркнул, что это не последний фреймворк на основе Solid. Уже сейчас появляются новые метафреймворки, построенные на SolidStart, такие как CreateJDApp и MediaKit.

Разработчики Microsoft Store в новой веб-версии перешли с React на Shoelace, Lit, Vite и бэкенд на C# ASP.NET
Разработчики Microsoft Store в новой веб-версии перешли с React на Shoelace, Lit, Vite и бэкенд на C# ASP.NET
Разработчики Microsoft Store в новой веб-версии перешли с React на Shoelace, Lit, Vite и бэкенд на C# ASP.NET

У новой версии пользовательского интерфейса более простые способы поиска приложений и современный стек веб-технологий.