sectionflow 0.0.2
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 +38 -0
- package/dist/index.cjs +9 -0
- package/dist/index.d.cts +1 -0
- package/dist/index.d.ts +1 -0
- package/dist/index.js +1 -0
- package/package.json +42 -0
package/README.md
ADDED
|
@@ -0,0 +1,38 @@
|
|
|
1
|
+
# SectionFlow
|
|
2
|
+
|
|
3
|
+
High-performance, section-first list library for React Native. Drop-in replacement for SectionList with 10x better performance through cell recycling.
|
|
4
|
+
|
|
5
|
+
## Installation
|
|
6
|
+
|
|
7
|
+
```bash
|
|
8
|
+
npm install sectionflow
|
|
9
|
+
# or
|
|
10
|
+
bun add sectionflow
|
|
11
|
+
```
|
|
12
|
+
|
|
13
|
+
## Usage
|
|
14
|
+
|
|
15
|
+
```tsx
|
|
16
|
+
import { SectionFlow } from 'sectionflow';
|
|
17
|
+
|
|
18
|
+
const sections = [
|
|
19
|
+
{ key: 'fruits', title: 'Fruits', data: ['Apple', 'Banana', 'Orange'] },
|
|
20
|
+
{ key: 'veggies', title: 'Vegetables', data: ['Carrot', 'Broccoli'] },
|
|
21
|
+
];
|
|
22
|
+
|
|
23
|
+
<SectionFlow
|
|
24
|
+
sections={sections}
|
|
25
|
+
renderItem={({ item }) => <Text>{item}</Text>}
|
|
26
|
+
renderSectionHeader={({ section }) => <Text>{section.title}</Text>}
|
|
27
|
+
stickySectionHeadersEnabled
|
|
28
|
+
collapsible
|
|
29
|
+
/>
|
|
30
|
+
```
|
|
31
|
+
|
|
32
|
+
## Documentation
|
|
33
|
+
|
|
34
|
+
Full documentation available at: https://dreamstack-us.github.io/SectionFlow/
|
|
35
|
+
|
|
36
|
+
## License
|
|
37
|
+
|
|
38
|
+
MIT © DreamStack
|
package/dist/index.cjs
ADDED
|
@@ -0,0 +1,9 @@
|
|
|
1
|
+
|
|
2
|
+
|
|
3
|
+
var __dreamstack_us_section_flow = require("@dreamstack-us/section-flow");
|
|
4
|
+
Object.keys(__dreamstack_us_section_flow).forEach(function (k) {
|
|
5
|
+
if (k !== 'default' && !Object.prototype.hasOwnProperty.call(exports, k)) Object.defineProperty(exports, k, {
|
|
6
|
+
enumerable: true,
|
|
7
|
+
get: function () { return __dreamstack_us_section_flow[k]; }
|
|
8
|
+
});
|
|
9
|
+
});
|
package/dist/index.d.cts
ADDED
|
@@ -0,0 +1 @@
|
|
|
1
|
+
export * from '@dreamstack-us/section-flow';
|
package/dist/index.d.ts
ADDED
|
@@ -0,0 +1 @@
|
|
|
1
|
+
export * from '@dreamstack-us/section-flow';
|
package/dist/index.js
ADDED
|
@@ -0,0 +1 @@
|
|
|
1
|
+
export * from "@dreamstack-us/section-flow"
|
package/package.json
ADDED
|
@@ -0,0 +1,42 @@
|
|
|
1
|
+
{
|
|
2
|
+
"name": "sectionflow",
|
|
3
|
+
"version": "0.0.2",
|
|
4
|
+
"description": "Alias for @dreamstack-us/section-flow - High-performance React Native list library",
|
|
5
|
+
"type": "module",
|
|
6
|
+
"main": "./dist/index.cjs",
|
|
7
|
+
"module": "./dist/index.js",
|
|
8
|
+
"types": "./dist/index.d.ts",
|
|
9
|
+
"exports": {
|
|
10
|
+
".": {
|
|
11
|
+
"import": {
|
|
12
|
+
"types": "./dist/index.d.ts",
|
|
13
|
+
"default": "./dist/index.js"
|
|
14
|
+
},
|
|
15
|
+
"require": {
|
|
16
|
+
"types": "./dist/index.d.cts",
|
|
17
|
+
"default": "./dist/index.cjs"
|
|
18
|
+
}
|
|
19
|
+
},
|
|
20
|
+
"./package.json": "./package.json"
|
|
21
|
+
},
|
|
22
|
+
"files": ["dist", "README.md"],
|
|
23
|
+
"scripts": {
|
|
24
|
+
"build": "tsdown",
|
|
25
|
+
"prepublishOnly": "bun run build"
|
|
26
|
+
},
|
|
27
|
+
"dependencies": {
|
|
28
|
+
"@dreamstack-us/section-flow": ">=0.0.2"
|
|
29
|
+
},
|
|
30
|
+
"publishConfig": {
|
|
31
|
+
"access": "public",
|
|
32
|
+
"registry": "https://registry.npmjs.org/"
|
|
33
|
+
},
|
|
34
|
+
"repository": {
|
|
35
|
+
"type": "git",
|
|
36
|
+
"url": "git+https://github.com/DreamStack-us/section-flow.git",
|
|
37
|
+
"directory": "packages/sectionflow"
|
|
38
|
+
},
|
|
39
|
+
"keywords": ["react-native", "list", "sectionlist", "flashlist", "virtualization", "performance"],
|
|
40
|
+
"author": "DreamStack <hello@dreamstack.us>",
|
|
41
|
+
"license": "MIT"
|
|
42
|
+
}
|