jquery-react-render 1.5.0 → 1.5.1

package/README.md

@@ -0,0 +1,74 @@
+# [jquery react render](https://npmjs.com/package/jquery-react-render)
+
+If you love to use Jquery and react... this is for you!
+You can pass a react component or html element and append it where you want... in react style
+
+**jquery-react-render** by [Dario Passariello](https://dario.passariello.ca) (c)
+
+[![version](https://img.shields.io/npm/v/jquery-react-render.svg)](https://npmjs.org/package/jquery-react-render)
+[![downloads](https://img.shields.io/npm/dm/jquery-react-render.svg)](https://npmjs.org/package/jquery-react-render)
+
+![TypeScript](https://img.shields.io/badge/TypeScript-gray?logo=typescript)
+![jquery](https://img.shields.io/badge/jquery-gray?logo=jquery)
+![ESLint](https://img.shields.io/badge/ESLint-gray?logo=eslint)
+![ESBuild](https://img.shields.io/badge/ESBuild-gray?logo=ESBuild)
+
+![License](https://img.shields.io/badge/license-MIT-blue.svg)
+
+> [!NOTE]
+> If you have intention to use exclusively in react please, use ["REACT-ATTACK"](https://www.npmjs.com/package/react-attack) instead.
+
+## install
+
+```sh
+npm i -D jquery-react-render
+```
+
+You use:
+If your app is an SPA you need to import only one time at first script
+
+```js
+import "jquery-react-render"
+```
+
+## Example in vanilla js
+
+```js
+
+  $("body").react(    // The main element where you want you component
+    "#jrr",           // example: the name of container
+    <div>
+      This is just a test
+    </div>
+  )
+
+```
+
+## Example in React
+
+```js
+
+import react from "React"
+import "jquery-react-render"
+
+export const Test = () => {
+
+  useEffect(
+    ()=>{
+      $("body").react(    // The main element where you want you component
+        "#jrr",           // example: the name of container
+        <div>
+          This is just a test
+        </div>
+      )
+    },[]
+  )
+
+  return <div>TEST</div>
+
+}
+
+```
+
+Copyright by Dario Passariello (c) 2025
+all rights reserved - <dariopassariello@gmail.com>

package/index.cjs

@@ -1,3 +1,5 @@
+"use strict";
+
 var e = require("react-dom/client");
 
 function t(e) {
@@ -11,9 +13,9 @@ var r = t(require("jquery"));
 globalThis.$ = r.default, globalThis.jQuery = r.default, r.default.fn.react = function(t, a) {
     const l = r.default(t);
     l.length > 0 && l.remove();
-    const u = document.createElement("div");
-    return t.startsWith("#") ? u.id = t.slice(1) : t.startsWith(".") && (u.className = t.slice(1)), 
-    this.append(u), e.createRoot(u).render(a), this;
+    const s = document.createElement("div");
+    return t.startsWith("#") ? s.id = t.slice(1) : t.startsWith(".") && (s.className = t.slice(1)), 
+    this.append(s), e.createRoot(s).render(a), this;
 };
 
 var a = r.default.fn.react;

package/package.json

@@ -1,7 +1,7 @@
 {
   "name": "jquery-react-render",
   "code": "jqueryReactRender",
-  "version": "1.5.0",
+  "version": "1.5.1",
   "description": "Render React Component Using Jquery",
   "keywords": [
     "jquery-react-render",