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 (c)

NOTE: if you have intention to use exclusively in react please, use "REACT-ATTACK" instead.

install

npm i -D jquery-react-render

You use: If your app is an SPA you need to import only one time at first script

import "jquery-react-render"

Example in vanilla 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

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 - [email protected]