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?

First off, I've been loving vanilla-extract for the past 10 months. 😊

The only thing I really missed was the ability to sort CSS properties. Since there wasn't an ESLint plugin for that, I decided to create my own.

@antebudimir/eslint-plugin-vanilla-extract offers CSS property ordering (alphabetical, concentric, and custom), auto-fix capabilities, and supports multiple Vanilla Extract APIs.

If anyone wants to give it a shot, you can find more details in the readme. Looking forward to hearing your feedback.