@iplustsolution/react-native-next-image 0.0.1 → 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 +98 -17
- package/package.json +1 -1
package/README.md
CHANGED
|
@@ -1,37 +1,118 @@
|
|
|
1
|
+
<div align="center">
|
|
2
|
+
|
|
3
|
+
<img src="https://www.iplust.in/logo.png" alt="react-native-next-image logo" width="120" />
|
|
4
|
+
|
|
1
5
|
# react-native-next-image
|
|
2
6
|
|
|
3
|
-
|
|
7
|
+
**Blazing-fast, next-gen image loading for React Native.**
|
|
4
8
|
|
|
5
|
-
|
|
9
|
+
Built for speed. Designed for scale. Made for developers who refuse to compromise on performance.
|
|
6
10
|
|
|
11
|
+
[](https://www.npmjs.com/package/@iplustsolution/react-native-next-image)
|
|
12
|
+
[](https://www.npmjs.com/package/@iplustsolution/react-native-next-image)
|
|
13
|
+
[](https://bundlephobia.com/package/@iplustsolution/react-native-next-image)
|
|
14
|
+
[](https://www.npmjs.com/package/@iplustsolution/react-native-next-image)
|
|
15
|
+
[](./LICENSE)
|
|
16
|
+
[](./CONTRIBUTING.md)
|
|
17
|
+
[](#)
|
|
7
18
|
|
|
8
|
-
|
|
9
|
-
|
|
10
|
-
|
|
19
|
+
[Documentation](#) · [Report a Bug](https://github.com/iplustsolution/react-native-next-image/issues) · [Request a Feature](https://github.com/iplustsolution/react-native-next-image/issues)
|
|
20
|
+
|
|
21
|
+
</div>
|
|
22
|
+
|
|
23
|
+
---
|
|
24
|
+
|
|
25
|
+
## 🚧 Status
|
|
26
|
+
|
|
27
|
+
> **`react-native-next-image` is currently under active development.**
|
|
28
|
+
> The API surface, native implementation, and public exports are evolving quickly and may change without notice until a `1.0.0` release. Star and watch the repo to follow progress — installation and usage docs will land here as soon as the API stabilizes.
|
|
11
29
|
|
|
30
|
+
---
|
|
31
|
+
|
|
32
|
+
## ✨ Why react-native-next-image?
|
|
33
|
+
|
|
34
|
+
Image loading is one of the most performance-critical, most poorly-solved problems in React Native apps. Existing solutions are often slow to adopt new native rendering pipelines, carry outdated dependencies, or force trade-offs between speed, memory usage, and developer experience.
|
|
35
|
+
|
|
36
|
+
**react-native-next-image** is being built from the ground up to change that — a modern, native-first image component engineered specifically around how React Native apps actually render, scroll, and recycle views today.
|
|
12
37
|
|
|
13
|
-
|
|
38
|
+
- ⚡ **Speed-first architecture** — built on native image pipelines rather than bridging legacy web-view image loading.
|
|
39
|
+
- 🧠 **Smart by default** — sensible caching, decoding, and memory behavior out of the box, no configuration required to get fast results.
|
|
40
|
+
- 🧩 **New Architecture native** — built as a Turbo Module from day one, not retrofitted onto the old bridge.
|
|
41
|
+
- 📦 **Tiny footprint** — no bloated dependency tree, no unnecessary abstractions.
|
|
42
|
+
- 🍎🤖 **True cross-platform parity** — first-class iOS and Android implementations, not a shared lowest-common-denominator layer.
|
|
43
|
+
- 🛠️ **Built with TypeScript** — fully typed from the native layer up.
|
|
14
44
|
|
|
45
|
+
---
|
|
15
46
|
|
|
16
|
-
|
|
17
|
-
import { multiply } from 'react-native-next-image';
|
|
47
|
+
## 🧬 The Philosophy
|
|
18
48
|
|
|
19
|
-
|
|
49
|
+
Most image libraries were designed for a React Native that no longer exists — the old bridge, JSI-less, single-threaded rendering model. `react-native-next-image` starts from today's architecture:
|
|
20
50
|
|
|
21
|
-
const result = multiply(3, 7);
|
|
22
51
|
```
|
|
52
|
+
Legacy approach react-native-next-image
|
|
53
|
+
┌──────────────────────┐ ┌──────────────────────────┐
|
|
54
|
+
│ JS Bridge (async) │ │ JSI / Turbo Modules │
|
|
55
|
+
│ Serialized props │ ───▶ │ Direct native calls │
|
|
56
|
+
│ Bridge-bound decode │ │ Native-thread decoding │
|
|
57
|
+
└──────────────────────┘ └──────────────────────────┘
|
|
58
|
+
```
|
|
59
|
+
|
|
60
|
+
The goal isn't to be "another image component" — it's to be the image component that feels like it was shipped by the platform itself.
|
|
61
|
+
|
|
62
|
+
---
|
|
63
|
+
|
|
64
|
+
## 🏗️ Built With
|
|
65
|
+
|
|
66
|
+
<p>
|
|
67
|
+
<img src="https://img.shields.io/badge/TypeScript-3178C6?style=flat-square&logo=typescript&logoColor=white" alt="TypeScript" />
|
|
68
|
+
<img src="https://img.shields.io/badge/Kotlin-7F52FF?style=flat-square&logo=kotlin&logoColor=white" alt="Kotlin" />
|
|
69
|
+
<img src="https://img.shields.io/badge/Objective--C-438EFF?style=flat-square&logo=apple&logoColor=white" alt="Objective-C" />
|
|
70
|
+
<img src="https://img.shields.io/badge/React_Native-20232A?style=flat-square&logo=react&logoColor=61DAFB" alt="React Native" />
|
|
71
|
+
<img src="https://img.shields.io/badge/Turbo_Modules-000000?style=flat-square" alt="Turbo Modules" />
|
|
72
|
+
</p>
|
|
73
|
+
|
|
74
|
+
- **Kotlin** for the Android native module
|
|
75
|
+
- **Objective-C / Objective-C++** for the iOS native module
|
|
76
|
+
- **TypeScript** for the JS/public API layer
|
|
77
|
+
- **[react-native-builder-bob](https://github.com/callstack/react-native-builder-bob)** for library packaging
|
|
78
|
+
- **Turbo Modules / Codegen** for the New Architecture bridge
|
|
79
|
+
|
|
80
|
+
---
|
|
81
|
+
|
|
82
|
+
## 🗺️ Roadmap to v1.0
|
|
83
|
+
|
|
84
|
+
- [x] Turbo Module scaffolding (iOS + Android)
|
|
85
|
+
- [x] TypeScript type definitions
|
|
86
|
+
- [ ] Native image decoding pipeline
|
|
87
|
+
- [ ] Memory + disk caching strategy
|
|
88
|
+
- [ ] Placeholder / blur-up loading states
|
|
89
|
+
- [ ] Priority-based loading & prefetching
|
|
90
|
+
- [ ] Public API stabilization
|
|
91
|
+
- [ ] Documentation site
|
|
92
|
+
- [ ] `1.0.0` release
|
|
23
93
|
|
|
94
|
+
Follow along in the [Issues](https://github.com/iplustsolution/react-native-next-image/issues) and [Projects](https://github.com/iplustsolution/react-native-next-image) tabs.
|
|
24
95
|
|
|
25
|
-
|
|
96
|
+
---
|
|
97
|
+
|
|
98
|
+
## 🤝 Contributing
|
|
99
|
+
|
|
100
|
+
This library is in its early, most exciting phase — architectural decisions, API design, and core direction are still being shaped. If you're interested in high-performance native modules, image pipelines, or React Native internals, this is a great time to get involved.
|
|
101
|
+
|
|
102
|
+
See [CONTRIBUTING.md](./CONTRIBUTING.md) and our [CODE_OF_CONDUCT.md](./CODE_OF_CONDUCT.md) to get started.
|
|
26
103
|
|
|
27
|
-
|
|
28
|
-
- [Sending a pull request](CONTRIBUTING.md#sending-a-pull-request)
|
|
29
|
-
- [Code of conduct](CODE_OF_CONDUCT.md)
|
|
104
|
+
---
|
|
30
105
|
|
|
31
|
-
## License
|
|
106
|
+
## 📜 License
|
|
32
107
|
|
|
33
|
-
MIT
|
|
108
|
+
[MIT](./LICENSE) © [I Plus T Solution](https://github.com/iplustsolution)
|
|
34
109
|
|
|
35
110
|
---
|
|
36
111
|
|
|
37
|
-
|
|
112
|
+
<div align="center">
|
|
113
|
+
|
|
114
|
+
**If this project interests you, consider starring the repo — it genuinely helps.**
|
|
115
|
+
|
|
116
|
+
⭐ [Star on GitHub](https://github.com/iplustsolution/react-native-next-image) · 📦 [View on npm](https://www.npmjs.com/package/@iplustsolution/react-native-next-image)
|
|
117
|
+
|
|
118
|
+
</div>
|