---
title: Overview
---

# Overview

<Callout type="info" emoji="ℹ️">
  Currently, the materials and surrounding ecosystem provided by Tuya in the Panel MiniApp business are developed based on `Ray`. Therefore, it is strongly recommended to use `Ray` to develop Panel MiniApp.
</Callout>

`Ray` is a cross-platform application development framework independently developed by Tuya. It allows you to use `React` syntax for development and compile the code into smart MiniApp to run.

## Advantages of Ray

- **Cross-platform development**: Use React syntax, no need to relearn MiniApp syntax, and not bound to specific businesses, can be used to develop MiniApp of any form and business, and can also be compiled into WeChat MiniApp.
- **Lower development barriers**: Help existing Tuya developers (React Native) migrate to Panel MiniApp development more conveniently.
- **Ecosystem compatibility**: Reuse the React ecosystem to improve development efficiency, and also reuse the native MiniApp ecosystem through [mixed development](/en/miniapp/develop/ray/framework/mixed-development).

## Reading Outline

<Callout type="info" emoji="ℹ️">
  We recommend that you first read the outline of this document to better understand the process and precautions for developing MiniApp based on `Ray`.
</Callout>

### Guide

| Document Content                                                                        | Mandatory | Reading Suggestions                                                                                                                                                              |
| --------------------------------------------------------------------------------------- | --------- | -------------------------------------------------------------------------------------------------------------------------------------------------------------------------------- |
| [**Quick Start - Panel Mini-Program**](/en/miniapp/develop/ray/guide/start/quick-start) | Yes       | 1. Please read carefully if developing Panel MiniApp for the first time <br/> 2. If you are not familiar with the development process of Panel MiniApp, read as needed           |
| [**Quick Start - Smart Mini-Program**](/en/miniapp/develop/ray/guide/start/smart)       | No        | 1. Please read carefully if developing smart MiniApp for the first time <br/> 2. If you are not familiar with the development process of smart MiniApp, read as needed           |
| [**Multi-Language Adaptation**](/en/miniapp/solution-panel/ability/common/multi-language)        | Yes       | 1. Quickly read through if developing MiniApp for the first time <br/> 2. Read as needed for multi-language API and common issues                                                |
| [**Theme Adaptation**](/en/miniapp/develop/ray/guide/theme/config)                      | Yes       | 1. Quickly read through if developing MiniApp for the first time <br/> 2. Read as needed for detailed configuration process of theme adaptation                                  |
| [**Debug Guide**](/en/miniapp/develop/ray/guide/debug-guide)                            | Yes       | 1. Quickly read through if developing MiniApp for the first time <br/> 2. Please read carefully if you need to improve the development debugging process or efficiency           |
| [**Performance Optimization**](/en/miniapp/develop/ray/guide/perf-optimization)         | Yes       | 1. Quickly read through if developing MiniApp for the first time <br/> 2. Please read carefully if you need to improve the performance indicators and user experience of MiniApp |
| [Webview Site](/en/miniapp/develop/ray/guide/ability/webview)                           | No        | Please read carefully if you need a static file site published with the MiniApp, such as the robot vacuum business                                                               |

### Others

| Document Content                                         | Mandatory | Reading Suggestions                                                                                                                                                                                                                    |
| -------------------------------------------------------- | --------- | -------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------- |
| [Framework](/en/miniapp/develop/ray/framework/app)       | No        | 1. Quickly read through to understand the capabilities of the Ray framework if using Ray to develop panel/smart MiniApp for the first time <br/> 2. Please read carefully if you need Ray's API or cross-platform development          |
| [Panel SDK](/en/miniapp/solution-panel/ability)            | No        | 1. Please read carefully to understand the capabilities of the panel SDK if using Ray to develop Panel MiniApp for the first time <br/> 2. Read as needed if you have continuous development needs for Panel MiniApp                   |
| [Components](/en/miniapp/develop/ray/component)          | No        | 1. Quickly read through to understand the basic components if using Ray to develop panel/smart MiniApp for the first time <br/> 2. Read as needed if you need to refer to the documentation for specific components during development |
| [API](/en/miniapp/develop/ray/api/base/framework/getApp) | No        | 1. Quickly read through to understand the supported API capabilities if using Ray to develop panel/smart MiniApp for the first time <br/> 2. Read as needed if you need to refer to the documentation for APIs during development      |