Ecosyste.ms: Awesome
An open API service indexing awesome lists of open source software.
https://github.com/omochi/swift-react
Scratch React implementation on Swift for Wasm
https://github.com/omochi/swift-react
Last synced: about 1 month ago
JSON representation
Scratch React implementation on Swift for Wasm
- Host: GitHub
- URL: https://github.com/omochi/swift-react
- Owner: omochi
- License: mit
- Created: 2024-03-30T08:16:12.000Z (6 months ago)
- Default Branch: main
- Last Pushed: 2024-06-08T12:43:44.000Z (4 months ago)
- Last Synced: 2024-06-08T13:56:44.631Z (4 months ago)
- Language: Swift
- Homepage:
- Size: 327 KB
- Stars: 23
- Watchers: 1
- Forks: 0
- Open Issues: 10
-
Metadata Files:
- Readme: README.ja.md
- License: LICENSE
Awesome Lists containing this project
README
# Swift React
**Swift React** は [React](https://ja.react.dev) を Swift で新規に実装したライブラリです。これを使って Swift でインタラクティブなウェブサイトを実装しましょう。
## 概要
**Swift React** は React と同じように使えることを目指しています。ただし API は Swift らしい仕様にしています。以下は Hello world を表示する実装例です。
```swift
import React
struct App: Component {
func render() -> Node {
div {
"Hello World"
}
}
}
```
### 対象環境
Swift for Wasm を対象にしています。他の Swift 環境はサポートしていません。
ウェブブラウザ上での実行を対象にしています。他の Wasm 実行環境はサポートしていません。
## 利用方法
Swift Packageから依存ライブラリとして追加してください。
```swift
.package(url: "https://github.com/omochi/swift-react", from: "0.2.0")
```
[JavaScriptKit](https://github.com/swiftwasm/JavaScriptKit) に依存しているので、ウェブブラウザ上でWASMバイナリをロードする際に、 JavaScriptKit の JavaScript ランタイムライブラリをインポートする必要があります。詳しくは [環境構築方法](./docs/configure.ja.md)を参照してください。
## 文書
- [環境構築方法](./docs/configure.ja.md)
- [APIマニュアル](./docs/api.md)
### 開発者向け
- [Testing](./docs/testing.md)
## ビルド可能なサンプル
ブラウザ上で動作するビルド可能なサンプルとして、以下の2つのサブプロジェクトがあります。
- [CartonExample](./CartonExample): Carton を利用した構成例です。最初に試してみる時はこれがオススメです。
- [BrowserTests](./BrowserTests): 手動で構築した例です。複雑なカスタマイズをする時の参考になるでしょう。
## 事例紹介
Swift React を利用したウェブサイトを紹介します。
- [Swift String Counter](https://omochi.github.io/swift-string-counter-web) ([GitHub](https://github.com/omochi/swift-string-counter-web)): 文字を数えるウェブページです。