Angular — платформа на TypeScript для создания веб-приложений с CLI, маршрутизацией, формами, SSR и компонентами Material.
web-infra-dev/modern.js
Прогрессивный React-фреймворк на базе Rsbuild с маршрутизацией, загрузкой данных, SSR и управлением состоянием для React-приложений.
- Звёзды
- 5,049
- Форки
- 425
- Открытые issues
- 55
- Последний коммит
- 6 часов назад
Что это?
Modern.js — прогрессивный веб-фреймворк на базе React. Он объединяет конфигурацию и инструменты, которые обычно нужны React-приложению, поэтому разработчики могут начать с обычного React для интерфейса и постепенно подключать возможности фреймворка, например маршрутизацию, загрузку данных и управление состоянием.
Проект построен на Rsbuild — инструменте сборки на базе Rspack — и входит в экосистему web-infra-dev, куда также входят Rspack, Rspress и Rslib. Среди тем проекта — SSR, инструменты сборки и шаблоны проектов. В проекте отмечают, что Modern.js использовался в ByteDance для создания фреймворков более высокого уровня.
Modern.js написан на TypeScript и распространяется по лицензии MIT.
Ключевые возможности
- 01Встроенные маршрутизация, загрузка данных и управление состоянием для React-приложений.
- 02Для сборки использует Rsbuild и Rspack.
- 03Поддерживает серверный рендеринг (SSR).
- 04Позволяет постепенно подключать возможности фреймворка поверх обычного React.
- 05Включает шаблоны проектов и систему плагинов.
Сценарии использования
- Создание нового веб-приложения на React, которому нужны маршрутизация и SSR из коробки.
- Постепенный переход существующего проекта на React к более полноценному фреймворку без полного переписывания.
- Для команд, которым нужен общий предварительно настроенный стек React с быстрой сборкой на базе Rspack.
Быстрый старт
- 1
Прочитайте руководство Quick Start на официальном сайте
В подборках
Темы
Частые вопросы
- Что такое modern.js?
- Прогрессивный React-фреймворк на базе Rsbuild с маршрутизацией, загрузкой данных, SSR и управлением состоянием для React-приложений. Modern.js — прогрессивный веб-фреймворк на базе React. Он объединяет конфигурацию и инструменты, которые обычно нужны React-приложению, поэтому разработчики могут начать с обычного React для интерфейса и постепенно подключать возможности фреймворка, например маршрутизацию, загрузку данных и управление состоянием.
- modern.js можно использовать бесплатно? Какая у него лицензия?
- modern.js распространяется с открытым исходным кодом под лицензией MIT. Перед использованием в коммерческих продуктах проверьте условия лицензии.
- modern.js всё ещё поддерживается?
- Активно поддерживается. Последний коммит в modern.js — 7 нояб. 2026 г..
- Для чего можно использовать modern.js?
- Создание нового веб-приложения на React, которому нужны маршрутизация и SSR из коробки. Постепенный переход существующего проекта на React к более полноценному фреймворку без полного переписывания. Для команд, которым нужен общий предварительно настроенный стек React с быстрой сборкой на базе Rspack.
- Как установить modern.js?
- Прочитайте руководство Quick Start на официальном сайте
- Где скачать modern.js?
- Исходный код и инструкции по установке — на GitHub: https://github.com/web-infra-dev/modern.js
Описание создано ИИ на основе README проекта. Статистика GitHub обновляется ежедневно.
Похожие проекты
Анализатор сборки для Rspack: визуализирует время компиляции, выходные ресурсы и зависимости модулей, помогая находить узкие места.
Помогает настраивать webpack, Jest и dev-сервер Create React App с помощью config-overrides, не выполняя eject.
ice.js — фреймворк на React с маршрутизацией на основе файловой системы, поддержкой SSG/SSR и системой плагинов для веба, мини-приложений и Weex.
React-фреймворк для создания быстрых сайтов и приложений с данными из CMS, Markdown-файлов и API через GraphQL.
Фреймворк для React Server Components со средой выполнения на Rust — альтернатива React-фреймворкам на базе Node.