This is the source repository for Remix 3. It is under active development.
We published a blog post earlier this year with some of our thoughts around Remix 3. It explains our philosophy for web development and why we think the time is right for something new. When working on Remix 3, we follow these principles:
Model-First Development. AI fundamentally shifts the human-computer interaction model for both user experience and developer workflows. Optimize the source code, documentation, tooling, and abstractions for LLMs. Additionally, develop abstractions for applications to use models in the product itself, not just as a tool to develop it.
Build on Web APIs. Sharing abstractions across the stack greatly reduces the amount of context switching, both for humans and machines. Build on the foundation of Web APIs and JavaScript because it is the only full stack ecosystem.
Religiously Runtime. Designing for bundlers/compilers/typegen (and any pre-runtime static analysis) leads to poor API design that eventually pollutes the entire system. All packages must be designed with no expectation of static analysis and all tests must run without bundling. Because browsers are involved, --import loaders for simple transformations like TypeScript and JSX are permissible.
Avoid Dependencies. Dependencies lock you into somebody else's roadmap. Choose them wisely, wrap them completely, and expect to replace most of them with our own package eventually. The goal is zero.
Demand Composition. Abstractions should be single-purpose and replaceable. A composable abstraction is easy to add and remove from an existing program. Every package must be useful and documented independent of any other context. New features should first be attempted as a new package. If impossible, attempt to break up the existing package to make it more composable. However, tightly coupled modules that almost always change together in both directions should be moved to the same package.
Distribute Cohesively. Extremely composable ecosystems are difficult to learn and use. Remix will be distributed as a single remix package for both distribution and documentation.
Goals
Although we recommend the remix package for ease of use, all packages that make up Remix should be usable standalone as well. This forces us to consider package boundaries and helps us define public interfaces that are portable and interoperable.
Blob and File instead of some bespoke runtime-specific API
The benefit is code that's not just reusable, but future-proof.
Packages
Most packages in this repository are standalone JavaScript/TypeScript tools. The remix package composes them under one umbrella for distribution and documentation.
assert: Node assert-compatible utilities for any JavaScript environment
assets: Fetch-based server for compiling browser JS/TS and CSS assets on demand
static-middleware: Middleware for serving static files from the filesystem
tar-parser: A fast, efficient parser for tar streams in any JavaScript environment
terminal: Terminal output utilities for JavaScript libraries and CLIs
test: A test framework for JavaScript and TypeScript projects
ui: View layer with reconciler, component model, and first-party UI components
ui-hmr: Hot module replacement runtime and transforms for Remix UI components
Installation
To try the current Remix beta, install the next dist-tag:
npm install remix@next
To create a new Remix app with the CLI, use npx remix@next new:
npx remix@next new my-remix-app
If you want to play around with the bleeding edge, we also build the latest main branch into a preview/main branch which can be installed directly with pnpm (version 9+):
Agents that are starting a Remix 3 app from this repository should use the remix app skill. The CLI prepack step copies this skill into the app template so generated apps can use the same guidance.
Contributing
We welcome contributions! If you'd like to contribute, please feel free to open an issue or submit a pull request. See CONTRIBUTING for more information.
Remix 3 是一个全栈 Web 框架，直接基于 Web API（Streams、Fetch、Web Crypto）构建，而不是依赖特定打包工具的抽象层。它以一个统一的 'remix' 包发布，该包由许多独立的 JS/TS 工具组成。