react-native-skelo 0.0.1
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 +42 -0
- package/package.json +33 -0
package/README.md
ADDED
|
@@ -0,0 +1,42 @@
|
|
|
1
|
+
<div align="center">
|
|
2
|
+
|
|
3
|
+
# react-native-skelo
|
|
4
|
+
|
|
5
|
+
### ๐ง Coming soon
|
|
6
|
+
|
|
7
|
+
**Automatic skeleton loading for React Native.**
|
|
8
|
+
Write your UI once โ Skelo builds the loading state automatically.
|
|
9
|
+
|
|
10
|
+
</div>
|
|
11
|
+
|
|
12
|
+
---
|
|
13
|
+
|
|
14
|
+
```tsx
|
|
15
|
+
// Instead of hand-building skeleton screens:
|
|
16
|
+
<Skeleton loading={loading}>
|
|
17
|
+
<ProfileScreen />
|
|
18
|
+
</Skeleton>
|
|
19
|
+
|
|
20
|
+
// Skelo generates the skeleton loading state for you.
|
|
21
|
+
```
|
|
22
|
+
|
|
23
|
+
## Status
|
|
24
|
+
|
|
25
|
+
This package name is reserved. The first public release is on its way.
|
|
26
|
+
|
|
27
|
+
- โญ **Star / watch the repo** to get notified: https://github.com/shubhanshubb/react-native-skelo
|
|
28
|
+
- ๐ Issues & ideas: https://github.com/shubhanshubb/react-native-skelo/issues
|
|
29
|
+
|
|
30
|
+
> **Not installable yet.** Installing this version gives you a placeholder only.
|
|
31
|
+
> The real library ships as `v0.1.0`.
|
|
32
|
+
|
|
33
|
+
## Planned for v0.1.0
|
|
34
|
+
|
|
35
|
+
- Automatic skeleton generation for standard components (View, Text, Image)
|
|
36
|
+
- Shimmer & pulse animations powered by Reanimated 3
|
|
37
|
+
- Zero-config out of the box, extensible via a plugin system
|
|
38
|
+
- Full TypeScript support
|
|
39
|
+
|
|
40
|
+
---
|
|
41
|
+
|
|
42
|
+
Made by [Shubhanshu Barnwal](https://shubhanshubb.dev) ยท MIT License
|
package/package.json
ADDED
|
@@ -0,0 +1,33 @@
|
|
|
1
|
+
{
|
|
2
|
+
"name": "react-native-skelo",
|
|
3
|
+
"version": "0.0.1",
|
|
4
|
+
"description": "๐ง Coming soon โ Automatic skeleton loading for React Native. Write your UI once, Skelo builds the loading state automatically.",
|
|
5
|
+
"keywords": [
|
|
6
|
+
"react-native",
|
|
7
|
+
"skeleton",
|
|
8
|
+
"loading",
|
|
9
|
+
"placeholder",
|
|
10
|
+
"shimmer",
|
|
11
|
+
"skeleton-screen",
|
|
12
|
+
"skeleton-loader",
|
|
13
|
+
"loading-state",
|
|
14
|
+
"reanimated"
|
|
15
|
+
],
|
|
16
|
+
"homepage": "https://github.com/shubhanshubb/react-native-skelo#readme",
|
|
17
|
+
"bugs": {
|
|
18
|
+
"url": "https://github.com/shubhanshubb/react-native-skelo/issues"
|
|
19
|
+
},
|
|
20
|
+
"repository": {
|
|
21
|
+
"type": "git",
|
|
22
|
+
"url": "git+https://github.com/shubhanshubb/react-native-skelo.git"
|
|
23
|
+
},
|
|
24
|
+
"license": "MIT",
|
|
25
|
+
"author": "Shubhanshu Barnwal <connect@shubhanshubb.dev> (https://shubhanshubb.dev)",
|
|
26
|
+
"files": [
|
|
27
|
+
"README.md"
|
|
28
|
+
],
|
|
29
|
+
"publishConfig": {
|
|
30
|
+
"access": "public",
|
|
31
|
+
"registry": "https://registry.npmjs.org/"
|
|
32
|
+
}
|
|
33
|
+
}
|