Overview

Info

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.

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.

Reading Outline

Info

We recommend that you first read the outline of this document to better understand the process and precautions for developing MiniApp based on Ray.

Guide

Document ContentMandatoryReading Suggestions
Quick Start - Panel Mini-ProgramYes1. Please read carefully if developing Panel MiniApp for the first time
2. If you are not familiar with the development process of Panel MiniApp, read as needed
Quick Start - Smart Mini-ProgramNo1. Please read carefully if developing smart MiniApp for the first time
2. If you are not familiar with the development process of smart MiniApp, read as needed
Multi-Language AdaptationYes1. Quickly read through if developing MiniApp for the first time
2. Read as needed for multi-language API and common issues
Theme AdaptationYes1. Quickly read through if developing MiniApp for the first time
2. Read as needed for detailed configuration process of theme adaptation
Debug GuideYes1. Quickly read through if developing MiniApp for the first time
2. Please read carefully if you need to improve the development debugging process or efficiency
Performance OptimizationYes1. Quickly read through if developing MiniApp for the first time
2. Please read carefully if you need to improve the performance indicators and user experience of MiniApp
Webview SiteNoPlease read carefully if you need a static file site published with the MiniApp, such as the robot vacuum business

Others

Document ContentMandatoryReading Suggestions
FrameworkNo1. Quickly read through to understand the capabilities of the Ray framework if using Ray to develop panel/smart MiniApp for the first time
2. Please read carefully if you need Ray's API or cross-platform development
Panel SDKNo1. Please read carefully to understand the capabilities of the panel SDK if using Ray to develop Panel MiniApp for the first time
2. Read as needed if you have continuous development needs for Panel MiniApp
ComponentsNo1. Quickly read through to understand the basic components if using Ray to develop panel/smart MiniApp for the first time
2. Read as needed if you need to refer to the documentation for specific components during development
APINo1. Quickly read through to understand the supported API capabilities if using Ray to develop panel/smart MiniApp for the first time
2. Read as needed if you need to refer to the documentation for APIs during development