@inglorious/web 4.0.2 → 4.0.3
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 +31 -0
- package/package.json +1 -1
package/README.md
CHANGED
|
@@ -312,6 +312,37 @@ The `mount` function subscribes to the store and automatically re-renders your t
|
|
|
312
312
|
|
|
313
313
|
---
|
|
314
314
|
|
|
315
|
+
## JSX Support
|
|
316
|
+
|
|
317
|
+
If you prefer JSX syntax over template literals, you can use **[`@inglorious/vite-plugin-jsx`](https://www.npmjs.com/package/@inglorious/vite-plugin-jsx)**.
|
|
318
|
+
|
|
319
|
+
This Vite plugin transforms standard JSX/TSX into optimized `lit-html` templates at compile time. You get the familiar developer experience of JSX without React's runtime, hooks, or VDOM overhead.
|
|
320
|
+
|
|
321
|
+
To use it:
|
|
322
|
+
|
|
323
|
+
1. Install the plugin: `npm install -D @inglorious/vite-plugin-jsx`
|
|
324
|
+
2. Add it to your `vite.config.js`
|
|
325
|
+
3. Write your render functions using JSX
|
|
326
|
+
|
|
327
|
+
```jsx
|
|
328
|
+
export const counter = {
|
|
329
|
+
render(entity, api) {
|
|
330
|
+
return (
|
|
331
|
+
<div className="counter">
|
|
332
|
+
<span>Count: {entity.value}</span>
|
|
333
|
+
<button onClick={() => api.notify(`#${entity.id}:increment`)}>
|
|
334
|
+
+1
|
|
335
|
+
</button>
|
|
336
|
+
</div>
|
|
337
|
+
)
|
|
338
|
+
},
|
|
339
|
+
}
|
|
340
|
+
```
|
|
341
|
+
|
|
342
|
+
See the plugin documentation for full details on control flow, attributes, and engine components.
|
|
343
|
+
|
|
344
|
+
---
|
|
345
|
+
|
|
315
346
|
## Redux DevTools Integration
|
|
316
347
|
|
|
317
348
|
`@inglorious/web` ships with first-class support for the **Redux DevTools Extension**, allowing you to:
|
package/package.json
CHANGED
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
{
|
|
2
2
|
"name": "@inglorious/web",
|
|
3
|
-
"version": "4.0.
|
|
3
|
+
"version": "4.0.3",
|
|
4
4
|
"description": "A new web framework that leverages the power of the Inglorious Store combined with the performance and simplicity of lit-html.",
|
|
5
5
|
"author": "IceOnFire <antony.mistretta@gmail.com> (https://ingloriouscoderz.it)",
|
|
6
6
|
"license": "MIT",
|