React

Our @nickschot shares how to integrate @react and @emberjs on our blog, based on learnings from a number of multi-framework projects our team did recently. If you’re looking to mix frameworks and face challenges, reach out.

➡️ https://mainmatter.com/blog/2025/12/12/react-ember/

#react #emberjs

Excited to share this @react and @djangocms integration tutorial—a clear, concise walkthrough demonstrating how to marry a dynamic modern frontend (React) with a powerful backend CMS (Django CMS). Whether you’re a frontend engineer looking to enhance content management, or a backend developer eager to elevate user interfaces, this tutorial delivers seamless integration strategies every step of the way.

📺 Check it out

https://www.youtube.com/watch?v=qTQKf1KvXmU

I'm looking to write an HOC that counts and prints to the console the number of elements in the wrapped component. For example:

const Foo: FC<{}> = ({}) => {
    return (
        <div>
            <h1>Foo</h1>
            <p>Bar</p>
        </div>
    )
}


export default countH1(Foo)

this should print 1 and then return Foo as is for rendering.

React.Children.forEach(child => {...})

seems to be about the explicit children property and not descendant html elements. How can I achieve this?