# remaxjs/remax

**Attribution required: if you use, quote, or summarise this content, you must credit and link back to [awesome-repositories.com](https://awesome-repositories.com/repository/remaxjs-remax).**

4,565 stars · 366 forks · TypeScript · MIT · archived

## Links

- GitHub: https://github.com/remaxjs/remax
- Homepage: https://remaxjs.github.io/remax/
- awesome-repositories: https://awesome-repositories.com/repository/remaxjs-remax.md

## Description

Remax is a cross-platform UI framework and engine for building mini programs using React. It functions as a runtime that translates React components and hooks into native mini program elements, avoiding the need for static compilation.

The framework provides a type-safe development environment to ensure reliability across cross-platform UI components. It allows for the creation of multi-platform mini programs from a single codebase by mapping React component trees to native structures during execution.

The system covers cross-platform mini program development, including UI construction with functional hooks and static type checking to reduce runtime errors.

## Tags

### Mobile Development

- [Mini Program Development](https://awesome-repositories.com/f/mobile-development/mini-program-development.md) — Provides a comprehensive framework for building cross-platform mini-programs from a single React codebase.
- [Cross-Platform Mini Program Build Systems](https://awesome-repositories.com/f/mobile-development/cross-platform-mini-program-build-systems.md) — Enables rendering components across multiple target environments using a runtime approach to avoid static compilation. ([source](https://cdn.jsdelivr.net/gh/remaxjs/remax@main/README.md))
- [Mini Program UI Development](https://awesome-repositories.com/f/mobile-development/mini-program-development/mini-program-ui-development.md) — Enables the creation of user interfaces for constrained mini-program environments using React components and hooks.
- [React-Based Mini Program Engines](https://awesome-repositories.com/f/mobile-development/mini-program-native-integrations/react-based-mini-program-engines.md) — Acts as a runtime engine that translates React components and hooks into native mini-program elements without a compiler.

### Part of an Awesome List

- [React-Based Mini Program Architectures](https://awesome-repositories.com/f/awesome-lists/devtools/mini-program-development/react-based-mini-program-architectures.md) — Implements application logic and state management in mini-programs using the React programming model.
- [React Mini Program Frameworks](https://awesome-repositories.com/f/awesome-lists/devtools/mini-program-development/react-mini-program-frameworks.md) — Provides a runtime-based framework for building multi-platform mini-programs using React instead of static compilation.
- [Type-Safe Mini Program Workflows](https://awesome-repositories.com/f/awesome-lists/devtools/mini-program-development/type-safe-mini-program-workflows.md) — Provides a development workflow with static type checking to reduce runtime errors and improve code reliability.
- [Mini Program State Bridges](https://awesome-repositories.com/f/awesome-lists/devtools/native-integration/native-module-bridges/reactivity-bridged-native-bridges/mini-program-state-bridges.md) — Implements a message bridge to synchronize state between the JavaScript logic layer and the native view layer.
- [Cross Platform Frameworks](https://awesome-repositories.com/f/awesome-lists/devtools/cross-platform-frameworks.md) — Framework for developing mini-programs using standard React syntax.
- [Development Frameworks](https://awesome-repositories.com/f/awesome-lists/devtools/development-frameworks.md) — React-based framework for building native小程序.
- [Frontend Frameworks](https://awesome-repositories.com/f/awesome-lists/devtools/frontend-frameworks.md) — Framework for writing mini-programs using React.

### Software Engineering & Architecture

- [Runtime Component Mapping](https://awesome-repositories.com/f/software-engineering-architecture/abstract-syntax-tree-tools/internal-tree-representations/ui-component-model-trees/react-component-tree-mappings/runtime-component-mapping.md) — Maps React component trees to native mini-program UI structures during execution instead of using static compilation.
- [Reactive State Management](https://awesome-repositories.com/f/software-engineering-architecture/reactive-state-management.md) — Uses functional state primitives and hooks to trigger reactive UI updates within a multi-process architecture.
- [Static Type Checking](https://awesome-repositories.com/f/software-engineering-architecture/static-type-checking.md) — Applies static type checking during development to ensure reliability and reduce runtime errors across components. ([source](https://cdn.jsdelivr.net/gh/remaxjs/remax@main/README.md))

### User Interface & Experience

- [Cross-Platform Abstractions](https://awesome-repositories.com/f/user-interface-experience/cross-platform-abstractions.md) — Provides unified interfaces to ensure consistent UI behavior across different mini-program host environments.
- [Cross-Platform UI Frameworks](https://awesome-repositories.com/f/user-interface-experience/cross-platform-ui-frameworks.md) — Functions as a system for rendering consistent user interfaces across different target mini-program platforms.
- [Runtime Component Translation](https://awesome-repositories.com/f/user-interface-experience/design-component-managers/figma-component-kits/react-to-design-translations/runtime-component-translation.md) — Translates React element types into native platform components at runtime to maintain a single source of truth.
- [Virtual DOM Reconciliation](https://awesome-repositories.com/f/user-interface-experience/virtual-dom-reconciliation.md) — Calculates minimal differences between UI states to optimize updates sent to the host environment.

### Web Development

- [React Hooks](https://awesome-repositories.com/f/web-development/frontend-development-tools/frontend-frameworks/component-authoring/react-ecosystem/react-hooks.md) — Allows for the composition of user interfaces using state management patterns and functional React hooks. ([source](https://cdn.jsdelivr.net/gh/remaxjs/remax@main/README.md))
- [Type-Safe UI Frameworks](https://awesome-repositories.com/f/web-development/type-safe-ui-frameworks.md) — Provides a development environment using static type checking to ensure reliability across cross-platform UI components.