@naderikladious/react-flow 0.1.6 → 0.1.8
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/README.md +7 -7
- package/package.json +2 -2
package/README.md
CHANGED
|
@@ -3,7 +3,7 @@
|
|
|
3
3
|
Utilities for declarative control-flow primitives in React, written in TypeScript and packaged for ESM/CJS consumers.
|
|
4
4
|
|
|
5
5
|
<p>
|
|
6
|
-
<img src="
|
|
6
|
+
<img src="https://raw.githubusercontent.com/NaderIkladious/react-flow/main/assets/flow-logo.png" alt="Flow logo" width="120" />
|
|
7
7
|
</p>
|
|
8
8
|
|
|
9
9
|
## Motivation
|
|
@@ -11,9 +11,14 @@ Utilities for declarative control-flow primitives in React, written in TypeScrip
|
|
|
11
11
|
- Provide type-safe, render-prop based building blocks (`Flow.Condition`, `Flow.If`, `Flow.ForEach`, etc.).
|
|
12
12
|
- Ship tree-shakeable named exports for both bundlers and Node targets.
|
|
13
13
|
|
|
14
|
+
Demo preview (GIF):
|
|
15
|
+
<p>
|
|
16
|
+
<img src="https://raw.githubusercontent.com/NaderIkladious/react-flow/main/assets/react-flow-demo.gif" alt="Flow demo preview" width="720" />
|
|
17
|
+
</p>
|
|
18
|
+
|
|
14
19
|
## Installation
|
|
15
20
|
```bash
|
|
16
|
-
npm install react-flow
|
|
21
|
+
npm install @naderikladious/react-flow
|
|
17
22
|
```
|
|
18
23
|
|
|
19
24
|
If working from this repo locally, install and build the library first:
|
|
@@ -47,11 +52,6 @@ Preferred namespace is `Flow` (with `ReactFlow` available as an alias).
|
|
|
47
52
|
All components are also available as named exports (tree-shakeable) in addition to the namespace object.
|
|
48
53
|
|
|
49
54
|
## Examples
|
|
50
|
-
Demo video:
|
|
51
|
-
<p>
|
|
52
|
-
<video src="docs/assets/flow-demo.webm" controls muted playsinline width="720"></video>
|
|
53
|
-
</p>
|
|
54
|
-
|
|
55
55
|
Basic conditionals:
|
|
56
56
|
```tsx
|
|
57
57
|
<Flow.Condition value={isEnabled}>
|
package/package.json
CHANGED
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
{
|
|
2
2
|
"name": "@naderikladious/react-flow",
|
|
3
|
-
"version": "0.1.
|
|
3
|
+
"version": "0.1.8",
|
|
4
4
|
"description": "Declarative control-flow primitives for React (Condition/If/Else, For/ForEach, Batch) with TypeScript types.",
|
|
5
5
|
"main": "dist/index.cjs",
|
|
6
6
|
"module": "dist/index.mjs",
|
|
@@ -15,7 +15,7 @@
|
|
|
15
15
|
"bugs": {
|
|
16
16
|
"url": "https://github.com/NaderIkladious/react-flow/issues"
|
|
17
17
|
},
|
|
18
|
-
"homepage": "https://github.
|
|
18
|
+
"homepage": "https://naderikladious.github.io/react-flow",
|
|
19
19
|
"scripts": {
|
|
20
20
|
"build": "npm run clean && rollup -c",
|
|
21
21
|
"clean": "rm -rf dist && mkdir -p dist",
|