sciterjs-react

KO | EN

gitlite — search

#python #hacktoberfest #react #ai #typescript #golang #machine-learning #rust #linux #macos #windows #awesome-list #mcp #openai

(★ 42)

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.

sciterjs-react 최신버젼 다운로드

최종 버전 다운로드 (.zip)

// repository documentation

Was this content helpful?

★ 0 (0 ratings)

**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;

![screen](https://raw.githubusercontent.com/veluxa/sciterjs-react/master/screen.png)

---
**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 目录，在右侧边属性栏中选择 **本地构建**

![screen](https://raw.githubusercontent.com/veluxa/sciterjs-react/master/aardio.png)

4. Please grant scapp execute permission on macos, otherwise it will not work properly.

---

sciterjs-react

sciterjs-react 최신버젼 다운로드

오늘의 추천 프로젝트

Was this content helpful?

Recent Feedback

sciterjs-react

sciterjs-react 최신버젼 다운로드

오늘의 추천 프로젝트

Was this content helpful?

Recent Feedback

Download README