ice: Build React Applications with a Progressive Framework

Overview

ice.js is a React framework that provides a shared foundation for building applications, rather than requiring teams to assemble routing, state management, and build tooling from scratch. It includes conventions and a plugin system while supporting both configuration-light projects and extensions for reusable capabilities.

The framework targets web applications and also lists support for miniapp and Weex. Its rendering options include static generation at build time and server-side rendering at request time, making it relevant to projects with different delivery needs.

Key Features

• Provides a plugin system for adding features and reusable solutions.
• Supports file-system routing and state management practices.
• Supports static site generation and server-side rendering.
• Offers out-of-the-box support for ES6+, TypeScript, Less, Sass, and CSS Modules.
• Targets web, miniapp, and Weex applications.
• Provides a project initializer for creating an application from a scaffold.

Use Cases

• React teams starting a new application who want framework conventions and a ready-to-run scaffold.
• Developers building content or marketing pages who need build-time prerendering.
• Teams whose pages benefit from request-time server rendering.
• Organizations maintaining web and miniapp or Weex projects that want a framework with multi-end support.
• Teams that need to package or adopt shared application capabilities through plugins.

Project Facts

• Language: TypeScript
• License: MIT
• Stars: 18.6k
• Forks: 2.1k
• Topics: framework, icejs, microfrontends, mpa, nodejs, react, react-router, serverless, spa, ssr, typescript, vite, webpack
• Archived: No

Getting Started

Create an application from the lite scaffold and start its local server:

npm init ice ice-app --template @ice/lite-scaffold
cd ice-app
npm install
npm run start

See the repository README and ice.js documentation for details.

Considerations

• The README describes framework capabilities but does not specify version compatibility or detailed deployment requirements. Check the documentation for the needs of a particular project.
• The project supports multiple rendering modes and target environments, so teams should confirm that their selected plugins and scaffold match the intended setup.
• The repository reports 395 open issues. Review current issue activity and the documentation when evaluating suitability for a new project.