Sciterjs React Save

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.

Project README

DEMO(win7/win8/win10)

download demo


use react to write Sciterjs programs that support browser and desktop;

screen


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%%
  1. If the element has a clickable event, append behavior: "clickable" to the element. See app.tsx

  2. buildaardio 编译后请在aardio资源文件上右键选择 "同步本地目录",不然新编译的资源在aardio中运行不会生效 在aardio工程里项目资源管理器中选中 layout 目录,在右侧边属性栏中选择 本地构建

screen

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

Open Source Agenda is not affiliated with "Sciterjs React" Project. README Source: veluxa/sciterjs-react
Stars
41
Open Issues
1
Last Commit
2 years ago

Open Source Agenda Badge

Open Source Agenda Rating