integration-bridges.mdc 546 B

123456789101112131415
  1. ---
  2. description: Guidance for React mounting in templates and KO/Vue boundaries.
  3. globs: ["**/templates/**", "**/*.ko", "**/*.vue", "**/*.tsx"]
  4. alwaysApply: false
  5. ---
  6. # Integration Patterns
  7. - **KO → React**: use `reactWrapper` binding; keep KO observables at boundary.
  8. - **Templates (Mako/HTML)**: mount via `data-reactcomponent` on stable containers.
  9. - **Vue legacy**: do not introduce new Vue; prefer React for new work.
  10. ## Pitfalls
  11. - Ensure cuix/antd CSS scope present at React root.
  12. - Avoid dual ownership of DOM by different frameworks.