{"id":25794,"library":"jquereact","title":"jQueReact","description":"jQueReact is a pre-release jQuery-to-React transpiler that converts imperative jQuery code into declarative React/JSX components at build time. Version 0.0.1 is an early placeholder. It uses a Rust-based parser compiled to WebAssembly for fast AST processing, targeting Node.js and browser environments. Unlike alternatives like jquerty or manual migration, jQueReact aims for fully automatic transformation without runtime jQuery dependencies. Key differentiators include WASM performance, build-time transformation, and support for common jQuery methods (css, on, attr, append). Note that this is a very early release with limited feature completeness; complex patterns like animations and AJAX require manual refactoring.","status":"deprecated","version":"0.0.1","language":"javascript","source_language":"en","source_url":null,"tags":["javascript"],"install":[{"cmd":"npm install jquereact","lang":"bash","label":"npm"},{"cmd":"yarn add jquereact","lang":"bash","label":"yarn"},{"cmd":"pnpm add jquereact","lang":"bash","label":"pnpm"}],"dependencies":[],"imports":[{"note":"ESM-only; CJS require is not supported as the package bundles a WASM loader.","wrong":"const transpile = require('jquereact').transpile_jquery_to_react","symbol":"transpile_jquery_to_react","correct":"import { transpile_jquery_to_react } from 'jquereact'"},{"note":"Default import is the WASM initializer; required before transpilation.","wrong":"const init = require('jquereact').default","symbol":"init","correct":"import init from 'jquereact'"},{"note":"init is a default export, not named.","wrong":"import { init } from 'jquereact'","symbol":"default (init)","correct":"import init from 'jquereact'"}],"quickstart":{"code":"import init, { transpile_jquery_to_react } from 'jquereact';\n\nasync function run() {\n  await init();\n  const jqCode = `$(\"div.container\").css(\"color\", \"red\").text(\"Hello!\")`;\n  const reactCode = transpile_jquery_to_react(jqCode);\n  console.log(reactCode);\n}\nrun();\n// Expected output: function TransformedComponent() { return (<div className=\"container\" style={{ color: \"red\" }}>Hello!</div>); }","lang":"typescript","description":"Initializes WASM, transpiles a simple jQuery chain to a React component, and logs the result."},"warnings":[{"fix":"Pin to exact version and test upgrades thoroughly.","message":"jQueReact is pre-release v0.0.1 and the API is unstable. Expect many changes.","severity":"breaking","affected_versions":"0.0.1"},{"fix":"Always call init() and await it before using transpile.","message":"The package uses WebAssembly and requires async initialization before any transpilation. Calling transpile_jquery_to_react without init() will throw.","severity":"gotcha","affected_versions":">=0.0.1"},{"fix":"Consider alternatives like jscodeshift for jQuery migration.","message":"This package is a placeholder and not actively maintained. It is not recommended for production use.","severity":"deprecated","affected_versions":">=0.0.1"},{"fix":"Manually refactor such code before or after transpilation.","message":"jQueReact only transforms a limited subset of jQuery methods. Complex patterns like animations, AJAX, or event namespaces will produce incorrect or empty output.","severity":"breaking","affected_versions":">=0.0.1"},{"fix":"Replace plugins with React equivalents before transpilation.","message":"The transpiler does not handle jQuery plugins or custom extensions. Any code using third-party jQuery plugins will not be transformed.","severity":"gotcha","affected_versions":">=0.0.1"}],"env_vars":null,"last_verified":"2026-05-01T00:00:00.000Z","next_check":"2026-07-30T00:00:00.000Z","problems":[{"fix":"Add 'await init();' before using transpile function.","cause":"Forgot to call init() before transpile_jquery_to_react.","error":"Error: WebAssembly module not initialized. Call init() first."},{"fix":"Use default import for init: 'import init from \"jquereact\"' and named import for transpile: 'import { transpile_jquery_to_react } from \"jquereact\"'.","cause":"Using wrong import (e.g., named import for init, or CJS require).","error":"TypeError: transpile_jquery_to_react is not a function"},{"fix":"Rebuild WASM with 'wasm-pack build --target bundler' and ensure Node.js >= 16 or modern browser.","cause":"WebAssembly module compiled incorrectly or incompatible environment.","error":"Uncaught (in promise) RuntimeError: memory access out of bounds"},{"fix":"Simplify the jQuery code to basic DOM manipulation (css, text, on, etc.) or manually refactor.","cause":"Input jQuery code uses patterns not supported by the transpiler (e.g., animations, AJAX).","error":"jquereact: Transpiled output is empty string"}],"ecosystem":"npm","meta_description":null,"install_score":null,"install_tag":null,"quickstart_score":null,"quickstart_tag":null}