Qreacto: Bring React Components to Quarto! 🚀

[dweng0]

Description

🌟 Qreacto! 🌟

Embed React components seamlessly in your Quarto projects with Qreacto. No need for complicated setups or integrations, simply code and go!

🚀 Quick Highlights:

1. Simple Insertion: After crafting your component, use {{< react COMPONENT_NAME >}} in your markdown and see magic in action!

   Example:

   function MyComponent() {    
       //... your code
   }

   Use: {{< react MyComponent >}}

2. Styling: Incorporate styles by simply importing the relevant CSS file.

3. Local Scripts: Import and use scripts from your project easily.

4. 3rd Party Scripts: Use any CDN that supports ESM packages, such as jsDelivr.

5. Nesting: Combine multiple components effortlessly.

6. Custom Configuration: Designate specific locations for components and resources. Example:

See It in Action! 🎉

Check out the demo

Give Qreacto a spin and elevate your Quarto projects with React's power! 🔥🚀

[mcanouil]

Well done!
Thanks for sharing!

You might want to submit it to the extension listings: https://quarto.org/docs/extensions/.

[dweng0]

Thanks mcanouil, all done!

[jimjam-slam]

Siiiiiiiiick 🥳 🥳 🥳

(Also here for Quarto portmanteau train 🤣)