explaingit

remaxjs/remax

★ 4,568TypeScriptAudience · developerComplexity · 3/5Setup · moderate

TLDR

A framework that lets developers use React to build mini-programs for Chinese super-apps like WeChat, Alipay, and Toutiao, instead of learning each platform's separate native development system.

Mindmap

mindmap
  root((Remax))
    What It Does
      React to mini-program
      Cross-platform compile
      Write once
    Supported Platforms
      WeChat
      Alipay
      Toutiao
    Features
      TypeScript support
      React Hooks
      Translation layer
    Audience
      React developers
      Chinese app market
Click or tap to explore — scroll the page freely

Code map

Detail Auto

An interactive map of this repo's files and how they connect — its source is parsed live in your browser. Click Visualize to build it.

filefunction / class

Things people build with this

USE CASE 1

Build a WeChat mini-program using React and TypeScript without learning WeChat's native development framework.

USE CASE 2

Write one React codebase and compile it to run as mini-programs on WeChat, Alipay, and Toutiao simultaneously.

USE CASE 3

Use React Hooks in a mini-program project targeting hundreds of millions of Chinese super-app users.

Tech stack

TypeScriptReactJavaScript

Getting it running

Difficulty · moderate Time to first run · 30min

Documentation is primarily in Chinese, testing on real platforms requires a WeChat or Alipay developer account.

In plain English

Remax is a framework for building Chinese mini-programs using React. Mini-programs are lightweight apps that run inside platforms like WeChat, Alipay, and Toutiao (ByteDance) rather than as standalone apps on a phone. They are common in China and allow developers to reach hundreds of millions of users through those super-apps without requiring a separate download. React is a widely used JavaScript library for building user interfaces, originally designed for web browsers. The challenge with mini-programs is that each platform has its own proprietary component system and development environment, different from standard web or mobile development. Remax solves this by letting developers write their mini-program logic using standard React code, including React Hooks, and then compiling it to run on the target platform. The project's tagline is "Learn once, write anywhere." This means a developer who already knows React does not need to learn a new framework for each mini-program platform. Remax handles the translation layer. The README lists WeChat, Alipay, and Toutiao mini-programs as supported targets. The project includes full TypeScript support. Documentation and a quick-start guide are available on the project's website. An examples repository is linked from the README. The README is brief and written primarily in Chinese, with limited detail beyond the high-level feature list. For deeper information on setup and usage, the project documentation site would be the appropriate place to start.

Copy-paste prompts

Prompt 1
Help me set up a Remax project targeting WeChat mini-programs using React and TypeScript from scratch.
Prompt 2
Show me how to write a product listing page in Remax that compiles to both WeChat and Alipay mini-programs.
Prompt 3
I already know React, what do I need to learn differently to build a WeChat mini-program with Remax?
Prompt 4
Write a Remax component with TypeScript that fetches data from an API and renders it as a scrollable list.
Open on GitHub → Explain another repo

← remaxjs on gitmyhub — every repo by this author, as a profile.

Verify against the repo before relying on details.