sciterjs-react
sciterjs-react copied to clipboard
Published
20 hours ago •
veluxa
veluxa
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.
DEMO(win7/win8/win10)
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 |
| hot reload | ✔ | Support browser and window desktop (sciterjs-browser) |
2.How to use
2.1 Install
cd your_prodjects_directory
git clone https://github.com/veluxa/sciterjs-react.git
cd sciterjs-react
npm install
2.2 Start:
1、web
npm run dev:www
2、web & scapp
npm run dev:scapp
2.2 Build:
1、web
npm run build:www
2、sciterjs
npm run build:scapp
3、aardio
npm run build:aardio
inspector:
npm run inspector
3.Notice:
- 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%% |
-
If the element has a clickable event, append behavior: "clickable" to the element. See app.tsx
-
~~buildaardio 编译后请在aardio资源文件上右键选择 "同步本地目录"，不然新编译的资源在aardio中运行不会生效~~ 在aardio工程里项目资源管理器中选中 layout 目录，在右侧边属性栏中选择 本地构建
- Please grant scapp execute permission on macos, otherwise it will not work properly.
veluxa