简体中文
EnglishWhat Does the Enact Framework Add on Top of React?
Updated
Enact is a full application framework built on top of React, so it adds the structure and tooling that a plain React project leaves you to assemble yourself. The main additions are a widget library, integrated support for internationalization (i18n), accessibility (a11y), focus management, linting, testing and building, plus a CLI for project setup and common tasks. It's most relevant if you're targeting embedded web platforms such as TVs, automotive or robotics, where focus handling and large-screen UI matter.
A framework layer, not just a component set
React gives you a view library. Enact's stated goal is to provide "the building blocks for creating robust and maintainable applications" by pulling together the surrounding solutions and then layering reusable components and behaviors on top.
That means the framework answers questions React deliberately doesn't:
- How do i18n and a11y get wired in?
- How is focus managed across a screen?
- How are linting, testing and builds configured?
- How do components compose into complex views?
Enact combines these pieces and states that they are designed to work together seamlessly, so developers can focus on implementation rather than integration.
What's included
| Area | What Enact adds |
|---|---|
| Foundation | Built atop React, extended into a full framework |
| Widgets | A customizable widget library, composable into complex views |
| i18n | Internationalization support included in the framework |
| a11y | Accessibility support included in the framework |
| Focus management | Built-in focus handling |
| Tooling | Linting, testing and building solutions |
| CLI | Command-line tool to initialize projects and run common actions |
| UI library | Limestone, a TV-centric library with over 50 components |
Performance and customization
Enact was built with performance in mind. The site notes that conscious decisions were made to keep applications performant as they grow in size and complexity, covering both how components render and how data flows through the application.
On customization, Enact ships a full set of widgets that can be tuned to a project's particular style. The team's experience building UI libraries for devices ranging from TVs to watches shaped a widget library whose components compose into complex views and applications.
Adaptability across embedded platforms
Enact was designed to produce native-quality applications for a wide variety of embedded web platforms. The site points to use cases in automotive, robotics and TV, and Limestone specifically targets large screens with its 50-plus components.
Getting started
Enact provides a CLI to initialize projects and perform common actions. Installation is a single global npm command:
npm install -g @enact/cli
After that, the site directs you to a Setup Guide, and the Limestone API for the TV-focused component library.
When this matters for your decision
Choose Enact over a bare React setup when you need focus management, i18n, a11y and build tooling to arrive already integrated, and especially when your target is an embedded or large-screen platform. If you're building a conventional web app and prefer to pick each library yourself, React alone plus your own choices may fit better. The framework's value is in the assembly, not in replacing React.