https://github.com/veluxa/sciterjs-react
Use customized version of react to write sciterjs program, support browser and desktop(win,linux,macos). The desktop terminal is only 7mb in size after packaging.
https://github.com/veluxa/sciterjs-react
aardio hot-reload linux macos react sciterjs sciterjs-react typescript windows
Last synced: 10 months ago
JSON representation
Use customized version of react to write sciterjs program, support browser and desktop(win,linux,macos). The desktop terminal is only 7mb in size after packaging.
- Host: GitHub
- URL: https://github.com/veluxa/sciterjs-react
- Owner: veluxa
- Created: 2021-01-13T03:13:30.000Z (about 5 years ago)
- Default Branch: master
- Last Pushed: 2021-09-09T09:24:30.000Z (over 4 years ago)
- Last Synced: 2025-05-18T04:16:25.274Z (11 months ago)
- Topics: aardio, hot-reload, linux, macos, react, sciterjs, sciterjs-react, typescript, windows
- Language: JavaScript
- Homepage:
- Size: 70 MB
- Stars: 41
- Watchers: 3
- Forks: 11
- Open Issues: 1
-
Metadata Files:
- Readme: README.md
Awesome Lists containing this project
README
**DEMO**(win7/win8/win10)
[download demo](https://github.com/veluxa/sciterjs-react/raw/master/aardio/dist/sciterjs.exe)
---
use react to write Sciterjs programs that support browser and desktop;
---
**1.Features**:
| property | support | note |
| :-- | :--: | :-- |
| js、jsx | ✔ | |
| ts、tsx | ✔ | |
| style | ✔ | |
| className | ✔ | The browser supports className, sciter does not support **className** please use **class** |
| class component | ✔ | lifecycle,state |
| function component | ✔ | hook |
| router | ✔ | Please use [preact-router](https://www.npmjs.com/package/preact-router) |
| hot reload | ✔ | Support browser and window desktop ([sciterjs-browser](https://github.com/veluxa/sciterjs-browser))|
---
**2.How to use**
***2.1 Install***
```shell
cd your_prodjects_directory
git clone https://github.com/veluxa/sciterjs-react.git
cd sciterjs-react
npm install
```
***2.2 Start:***
1、web
```sh
npm run dev:www
```
2、web & scapp
```sh
npm run dev:scapp
```
***2.2 Build:***
1、web
```sh
npm run build:www
```
2、sciterjs
```sh
npm run build:scapp
```
3、aardio
```sh
npm run build:aardio
```
---
***inspector***:
```sh
npm run inspector
```
---
**3.Notice**:
1. When writing css, use x instead of * and o instead of %. For example:
| source | webpack | result |
| :-- | :--: | :-- |
| margin-left: x | => | margin-left: * |
| height: 100oo | => | height: 100%% |
2. If the element has a clickable event, append behavior: "**clickable**" to the element. See app.tsx
3. ~~buildaardio 编译后请在aardio资源文件上右键选择 "同步本地目录"，不然新编译的资源在aardio中运行不会生效~~ 在aardio工程里项目资源管理器中选中 layout 目录，在右侧边属性栏中选择 **本地构建**
4. Please grant scapp execute permission on macos, otherwise it will not work properly.
---