---
title: 概述
summary: "介绍 Ray 跨端开发框架的核心优势及基于 Ray 开发小程序的文档阅读大纲。"
tags: [Ray框架概述, Ray跨端开发, Ray阅读指南]
questions:
  - Ray 框架是什么？
  - Ray 框架有哪些核心优势？
  - 使用 Ray 开发小程序需要阅读哪些文档？
  - Ray 框架是否支持编译成微信小程序？
  - 面板小程序开发为什么推荐使用 Ray 框架？
---

# 概述

<Callout type="info" emoji="ℹ️">
  涂鸦目前在面板小程序业务中提供的物料和周边生态都是基于 `Ray` 开发的，因此强烈推荐使用 `Ray` 开发面板小程序。
</Callout>

`Ray` 是一款由涂鸦自研的跨端应用开发框架。它允许您使用 `React` 的语法进行开发，并将代码编译成智能小程序来运行。

## Ray 的优势

- **跨端开发** ：使用 React 语法，无需重新学习小程序语法，且不与特定业务绑定，可以用于开发任何形式和业务的小程序，此外也能够编译成微信小程序。
- **降低开发门槛** ：帮助现有涂鸦开发者（React Native）更方便地迁移到面板小程序开发。
- **生态兼容** ：复用 React 生态，能够更好的提高开发效率，同时能借助 [混合开发](/cn/miniapp/develop/ray/framework/mixed-development) 复用原生小程序的生态。

## 阅读大纲

<Callout type="info" emoji="ℹ️">
  我们建议您先阅读本文档的大纲，以便更好地了解基于 `Ray` 开发小程序的流程和注意事项。
</Callout>

### 指南

| 文档内容                                                                   | 是否必读 | 阅读建议                                                                                  |
| -------------------------------------------------------------------------- | -------- | ----------------------------------------------------------------------------------------- |
| [**快速开始-面板小程序**](/cn/miniapp/develop/ray/guide/start/quick-start) | 是       | 1. 首次开发面板小程序请务必细读 <br/> 2. 对面板小程序的开发流程不够熟悉可按需细读         |
| [**快速开始-智能小程序**](/cn/miniapp/develop/ray/guide/start/smart)       | 否       | 1. 首次开发智能小程序请务必细读 <br/> 2. 对智能小程序的开发流程不够熟悉可按需细读         |
| [**多语言适配**](/cn/miniapp/solution-panel/ability/common/multi-language)          | 是       | 1. 首次开发小程序可快速通读 <br/> 2. 对多语言 API、常见问题等有查阅需求可按需细读         |
| [**主题适配**](/cn/miniapp/develop/ray/guide/theme/config)                 | 是       | 1. 首次开发小程序可快速通读 <br/> 2. 对主题适配的细节配置流程等有查阅需求可按需细读       |
| [**调试指南**](/cn/miniapp/develop/ray/guide/debug-guide)                  | 是       | 1. 首次开发小程序可快速通读 <br/> 2. 对如何提升开发调试操作流程或效率有需求请务必细读     |
| [**性能优化**](/cn/miniapp/develop/ray/guide/perf-optimization)            | 是       | 1. 首次开发小程序可快速通读 <br/> 2. 对如何提升小程序的性能指标和使用体验有需求请务必细读 |
| [Webview 站点](/cn/miniapp/develop/ray/guide/ability/webview)              | 否       | 对随小程序一同发布的静态文件站点有需求，如扫地机业务请务必细读                            |

### 其他

| 文档内容                                                 | 是否必读 | 阅读建议                                                                                                                |
| -------------------------------------------------------- | -------- | ----------------------------------------------------------------------------------------------------------------------- |
| [框架](/cn/miniapp/develop/ray/framework/app)            | 否       | 1. 首次使用 Ray 开发面板/智能小程序可快速通读了解 Ray 框架的能力 <br/> 2. 对 Ray 的 API 或跨端开发有需求请务必细读      |
| [面板 SDK](/cn/miniapp/solution-panel/ability)             | 否       | 1. 首次使用 Ray 开发面板小程序请务必通读了解面板 SDK 能力 <br/> 2. 对面板小程序有持续开发需求可按需细读                 |
| [组件](/cn/miniapp/develop/ray/component)                | 否       | 1. 首次使用 Ray 开发面板/智能小程序可快速选读了解大体基础组件 <br/> 2. 开发过程中对特定组件有文档查阅需求可按需细读     |
| [API](/cn/miniapp/develop/ray/api/base/framework/getApp) | 否       | 1. 首次使用 Ray 开发面板/智能小程序可快速选读了解大体支持的 API 能力 <br/> 2. 开发过程中对 API 有文档查阅需求可按需细读 |