Новый фреймворк для TypeScript набирает популярность: что нужно знать разработчикам

Онлайн-тренажер Python для начинающих

Изучайте Python легко и без перегрузки теорией. Решайте практические задачи с автоматической проверкой, получайте подсказки на русском языке и пишите код прямо в браузере — без необходимости что-либо устанавливать.

Начать курс

Новый фреймворк для TypeScript набирает популярность

Мир фронтенд-разработки вновь всколыхнула новость: на рынок выходит новый фреймворк для TypeScript, который уже называют главным конкурентом React и Vue.js. Проект, получивший название “NovaTS” (рабочее название), за первые три месяца с момента публичного релиза собрал более 25 000 звёзд на GitHub и активно обсуждается в профессиональных сообществах.

Главная особенность NovaTS — это встроенная поддержка гибридного рендеринга и первоклассная интеграция с TypeScript без дополнительных настроек. В отличие от многих существующих решений, где TypeScript добавляется как надстройка, здесь он является неотъемлемой частью ядра.

Ключевые особенности NovaTS

  • Автоматическая типизация компонентов — фреймворк сам выводит типы props, состояний и событий на основе декларации компонента. Это сокращает количество шаблонного кода на 40%.
  • Zero-config рантайм — не требуется настройка tsconfig, webpack или Babel. Фреймворк использует собственный компилятор на основе SWC, который в 20 раз быстрее стандартного TSC.
  • Гибридный рендеринг — один и тот же компонент может рендериться и на сервере (SSR), и на клиенте (CSR), и даже частично (streaming SSR) без изменения кода.
  • Встроенная поддержка сигналов — реактивность реализована через нативные сигналы, что даёт прирост производительности до 30% по сравнению с Virtual DOM.

Почему это важно для TypeScript-сообщества?

Традиционно TypeScript-разработчики сталкиваются с проблемой, когда мощная система типов замедляет разработку из-за необходимости вручную описывать типы. NovaTS решает эту проблему на уровне фреймворка. Например, при написании компонента:

// React (традиционный подход)
interface Props {
  name: string;
  age: number;
}
const Greeting: React.FC<Props> = ({ name, age }) => ...

В NovaTS тот же код выглядит лаконичнее, так как типы выводятся автоматически:

// NovaTS
const Greeting = ({ name, age }: { name: string; age: number }) => ...

Сравнение с лидерами рынка

  • React + TypeScript — требуется ручная типизация всех компонентов и дополнительная настройка конфигурации типов.
  • Vue 3 + TypeScript — улучшенная поддержка, но всё ещё требует декораторов или defineComponent.
  • NovaTS — TypeScript из коробки, никаких дополнительных библиотек или плагинов.

По данным бенчмарков, опубликованных командой разработчиков, NovaTS обгоняет React на 25% по скорости рендеринга и на 15% по времени загрузки страницы при использовании SSR. Это делает его особенно привлекательным для высоконагруженных проектов и стартапов, где каждая миллисекунда на счету.

Перспективы и сообщество

Уже сейчас вокруг NovaTS формируется активное сообщество. Выпущены плагины для Vite и Webpack, а также набор готовых компонентов для Material Design. Разработчики обещают в ближайшие месяцы выпустить стабильную версию 1.0 и полноценную документацию на русском языке.

Для образовательных целей NovaTS может стать отличным инструментом: он снижает порог входа для новичков, изучающих TypeScript, и позволяет сосредоточиться на логике приложения

Рекомендуем библотеки