jinmandou/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.

DEMO(win7/win8/win10)

download demo

---

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:

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.

---