More Components in Less Efforts!
Hello,
I have bought Metronic 8 Theme earlier as I found it to be the most beautiful theme I have come across on the internet. You have done a great job with this theme!
But I realised that the readymade components/pages are present only in html version. Angular, vue or react version has very few readymade components. If I want to use angular or vue; I have to build from scratch; which defeats the purpose of buying the theme.
I understand it's a lot of work to make separate components for each framework for each demo!
Needless to say, breaking changes of different versions of different frameworks!
It's too much work!
There is a future proof solution to this problem!
There are web components libraries that will make your life easier. Write code once and create components for all popular frameworks! Future updates should also be taken care of by these libraries!
You will have to do your research of finding the best library that fits your development workflows.
https://lwc.dev/
https://stenciljs.com/
https://hybrids.js.org/
https://www.webcomponents.org/libraries
If you can find a library that's perfect for your workflows -
LESS WORK FOR YOU = MORE SALES FOR YOU
MORE COMPONENTS FOR YOUR CUSTOMERS = LESS WORK FOR THEM!
It's a WIN WIN situation !!!
Would it be possible for you to use them in the CURRENT metronic theme or FUTURE VERSIONS of it??
Thanks!
Replies (4)
Hi,
Thank you for the heads-up. Yes, are you right It's quite challenging to maintain the components for all frameworks at once. We are already doing some R&D in this direction and your input will be considered as well.
What do you think about https://stenciljs.com/ ? Looks quite promising and more brands rely on it. Another thing to consider is we use lots of native js or jquery based plugins like Select2, Datepicker, Datatables.net, Tagify, etc, and recreating them as web components would be a huge work. If you have any thoughts in this direction we would love to hear them.
Regards.
Hi,
You are welcome!
I am a Python Developer. I have not used any of those libraries yet! I am not qualified to comment on stencil js! I think you guys have the right skills to take it further! That's why i said you have to do your research :P
However, for code re-usability; I have one suggestion.
Angular framework has a feature called Directive! You can create reusable classes that can be used to share common functionality (without the need of association of html or css). Link to something similar in lit is as below (I am not 100% sure if its exactly the same or not as angular directive; it seems close enough to me :P)!
https://lit.dev/docs/composition/controllers/
If you can find a web components library with Directive feature that should do the trick! It will save you a lot of time and you can share the functionality across all frameworks easily.
Cheers!
Hi 
,
Thanks for the info. Good direction. we will do more R&D on this.
Appreciate your suggestions.
Regards
Your Support Matters!
Hi,
i was about to suggest the same thing, anyways if you are doing R&D in this matter, then add one more to your list https://bit.dev/ i think its very promising for building shared components across frontend frameworks making them language agnostic.
