---
title: "Comment by Jailson Shankle on \"Advanced Patterns & Integration with Frameworks\" | Hashnode"
description: "Great breakdown of the integration challenges! One complementary tip: when using Web Components in React, wrap them in a proper React component that uses a useR"
url: "https://hashnode.com/posts/advanced-patterns-and-integration-with-frameworks/67fbd6711a499b9078b8ff7b/comment/69d7984c816ea03c97dbffee"
---

[Discussion](https://hashnode.com/posts/advanced-patterns-and-integration-with-frameworks/67fbd6711a499b9078b8ff7b)

Comment [Advanced Patterns & Integration with Frameworks](https://hashnode.com/posts/advanced-patterns-and-integration-with-frameworks/67fbd6711a499b9078b8ff7b)

[Jailson Shankle](https://hashnode.com/@shankle)

[Apr 9](https://hashnode.com/posts/advanced-patterns-and-integration-with-frameworks/67fbd6711a499b9078b8ff7b/comment/69d7984c816ea03c97dbffee)

Great breakdown of the integration challenges! One complementary tip: when using Web Components in React, wrap them in a proper React component that uses a `useRef` and `useEffect` to handle imperative DOM updates and attribute/property synchronization, as React's synthetic event system won't natively catch events from the custom element.