ice.js: A Progressive React-Based Application Framework by Alibaba

ice.js: A Progressive React-Based Application Framework by Alibaba

Summary

ice.js is a universal framework built on React.js, designed for building progressive applications. It offers a zero-config setup, supports various development practices, and provides hybrid rendering capabilities for both SSG and SSR. The framework also boasts a robust plugin system and multi-end support for web, miniapp, and Weex.

Repository Info

Updated on November 3, 2025
View on GitHub

Tags

icejsReactFrameworkTypeScriptMicrofrontendsSSRSPAWeb Development

Click on any tag to explore related repositories

Introduction

ice.js is a powerful and progressive application framework developed by Alibaba, built upon React.js. It aims to simplify the development of modern web applications by providing a comprehensive set of features and an intuitive development experience. With ice.js, developers can build universal applications that are performant, scalable, and easy to maintain.

Installation

Getting started with ice.js is straightforward. You can create a new ice.js application using create-ice, which sets up everything automatically for you.

$ npm init ice ice-app --template @ice/lite-scaffold

Note: npm init <initializer> is available in npm 6+.

Examples

Once your project is created, navigate into the directory, install dependencies, and start the local development server:

$ cd ice-app
$ npm install
$ npm run start # running on http://localhost:3000.

This will launch your ice.js application, typically accessible at http://localhost:3000.

Why Use ice.js?

ice.js stands out with several compelling features:

  • Zero Config: It offers out-of-the-box support for modern web technologies including ES6+, TypeScript, Less, Sass, and CSS Modules, minimizing configuration overhead.
  • Practice: The framework incorporates best practices for file-system routing, state management, and request handling, guiding developers towards robust solutions.
  • Hybrid Rendering: ice.js supports both Static Site Generation (SSG) at build time and Server-Side Rendering (SSR) at request time, providing flexibility for performance optimization and SEO.
  • Plugin System: A rich plugin system allows for extending functionality and enables the community to build and share reusable solutions, fostering a vibrant ecosystem.
  • Multi-End Support: Beyond web applications, ice.js also supports development for miniapps and Weex, offering versatility across different platforms.

Links