neutronium 2.0.0 → 2.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 +14 -94
- package/neutronium.png +0 -0
- package/package.json +1 -1
package/README.md
CHANGED
|
@@ -1,4 +1,4 @@
|
|
|
1
|
-
|
|
1
|
+
<div style="display: flex; align-items: center; gap: 5px"><img src="./neutronium.png" style="width: 25px; margin-bottom: 20px"><h1>Neutronium</h1></div>
|
|
2
2
|
|
|
3
3
|
> Ultra-dense JavaScript framework - maximum performance, minimal overhead
|
|
4
4
|
|
|
@@ -6,84 +6,16 @@ Neutronium is a lightweight, efficient JavaScript framework designed for buildin
|
|
|
6
6
|
|
|
7
7
|
## Features
|
|
8
8
|
|
|
9
|
-
|
|
10
|
-
|
|
11
|
-
|
|
12
|
-
|
|
13
|
-
|
|
9
|
+
* 🚀 **Ultra-fast** - Optimized for performance
|
|
10
|
+
* 📦 **Minimal bundle size** - Dense with features, light on complexity
|
|
11
|
+
* 🎯 **Simple API** - Easy to learn and use
|
|
12
|
+
* 🔧 **Flexible** - Adaptable to your project needs
|
|
13
|
+
* 🌟 **Modern** - Built with current JavaScript standards
|
|
14
14
|
|
|
15
|
-
## Installation
|
|
15
|
+
## Installation and Setup
|
|
16
16
|
|
|
17
17
|
```bash
|
|
18
|
-
npm
|
|
19
|
-
```
|
|
20
|
-
|
|
21
|
-
## Quick Start
|
|
22
|
-
|
|
23
|
-
```javascript
|
|
24
|
-
import { createComponent, render } from 'neutronium';
|
|
25
|
-
|
|
26
|
-
// Create a simple component
|
|
27
|
-
const HelloWorld = createComponent({
|
|
28
|
-
template: '<h1>Hello, {{name}}!</h1>',
|
|
29
|
-
props: { name: 'World' }
|
|
30
|
-
});
|
|
31
|
-
|
|
32
|
-
// Render to DOM
|
|
33
|
-
render(HelloWorld, document.getElementById('app'));
|
|
34
|
-
```
|
|
35
|
-
|
|
36
|
-
## API Reference
|
|
37
|
-
|
|
38
|
-
### `createComponent(options)`
|
|
39
|
-
|
|
40
|
-
Creates a new component with the specified options.
|
|
41
|
-
|
|
42
|
-
**Parameters:**
|
|
43
|
-
- `options` (Object): Component configuration
|
|
44
|
-
- `template` (String): HTML template
|
|
45
|
-
- `props` (Object): Component properties
|
|
46
|
-
- `methods` (Object): Component methods
|
|
47
|
-
|
|
48
|
-
**Returns:** Component instance
|
|
49
|
-
|
|
50
|
-
### `render(component, target)`
|
|
51
|
-
|
|
52
|
-
Renders a component to the specified DOM element.
|
|
53
|
-
|
|
54
|
-
**Parameters:**
|
|
55
|
-
- `component`: Component instance
|
|
56
|
-
- `target`: DOM element to render into
|
|
57
|
-
|
|
58
|
-
## Examples
|
|
59
|
-
|
|
60
|
-
### Basic Component
|
|
61
|
-
|
|
62
|
-
```javascript
|
|
63
|
-
import { createComponent, render } from 'neutronium';
|
|
64
|
-
|
|
65
|
-
const Counter = createComponent({
|
|
66
|
-
template: `
|
|
67
|
-
<div>
|
|
68
|
-
<h2>Count: {{count}}</h2>
|
|
69
|
-
<button onclick="increment()">+</button>
|
|
70
|
-
<button onclick="decrement()">-</button>
|
|
71
|
-
</div>
|
|
72
|
-
`,
|
|
73
|
-
props: {
|
|
74
|
-
count: 0
|
|
75
|
-
},
|
|
76
|
-
methods: {
|
|
77
|
-
increment() {
|
|
78
|
-
this.props.count++;
|
|
79
|
-
},
|
|
80
|
-
decrement() {
|
|
81
|
-
this.props.count--;
|
|
82
|
-
}
|
|
83
|
-
}
|
|
84
|
-
});
|
|
85
|
-
|
|
86
|
-
render(Counter, document.getElementById('app'));
|
|
18
|
+
npm i neutronium -g && npm i neutronium && neu-cli create-app && neu-cli start --watch
|
|
87
19
|
```
|
|
88
20
|
|
|
89
21
|
### Component with State
|
|
@@ -122,10 +54,10 @@ render(TodoList, document.getElementById('app'));
|
|
|
122
54
|
|
|
123
55
|
## Browser Support
|
|
124
56
|
|
|
125
|
-
|
|
126
|
-
|
|
127
|
-
|
|
128
|
-
|
|
57
|
+
* Chrome 60+
|
|
58
|
+
* Firefox 60+
|
|
59
|
+
* Safari 12+
|
|
60
|
+
* Edge 79+
|
|
129
61
|
|
|
130
62
|
## Development
|
|
131
63
|
|
|
@@ -145,7 +77,7 @@ npm run build
|
|
|
145
77
|
|
|
146
78
|
## Contributing
|
|
147
79
|
|
|
148
|
-
We welcome contributions!
|
|
80
|
+
We welcome contributions!
|
|
149
81
|
|
|
150
82
|
1. Fork the repository
|
|
151
83
|
2. Create your feature branch (`git checkout -b feature/amazing-feature`)
|
|
@@ -157,21 +89,9 @@ We welcome contributions! Please see our [Contributing Guide](CONTRIBUTING.md) f
|
|
|
157
89
|
|
|
158
90
|
MIT License - see the [LICENSE](LICENSE) file for details.
|
|
159
91
|
|
|
160
|
-
## Roadmap
|
|
161
|
-
|
|
162
|
-
- [ ] Server-side rendering support
|
|
163
|
-
- [ ] TypeScript definitions
|
|
164
|
-
- [ ] Developer tools integration
|
|
165
|
-
- [ ] Plugin system
|
|
166
|
-
- [ ] Performance optimizations
|
|
167
|
-
- [ ] Advanced component lifecycle methods
|
|
168
|
-
|
|
169
92
|
## Why Neutronium?
|
|
170
93
|
|
|
171
94
|
Just like neutronium is the densest stable matter in the universe, Neutronium framework packs maximum functionality into minimal code. It's designed for developers who want powerful features without the bloat.
|
|
172
95
|
|
|
173
96
|
---
|
|
174
|
-
|
|
175
|
-
**Built with ⚛️ by [Your Name]**
|
|
176
|
-
|
|
177
|
-
*"Dense with features, light on complexity"*
|
|
97
|
+
<div style="display: flex; align-items: center; gap: 5px; font-weight: bolder"><h2>Built with</h2><img src="./neutronium.png" style="width: 25px"><h2> by PFMCODES </h2></div>
|
package/neutronium.png
ADDED
|
Binary file
|