cards are the core feature of the HA frontend. It is surprisingly hard, to get started with the development of a custom card. The official documentation is sparse. A boilerplate card on GitHub is somewhat outdated and the project is quite inactive. Seemingly there is no vivid community of card developers on discord, too. Really, I am surprised taking into account that Home Assistant is one of the big players in home automation. Tickets addressing the gaps in the documentation on GitHub get half-hearted closed without getting an improvement.
Now, it doesn’t help to complain. Make it better! So I started a series of tutorials addressing card development. So far it does cover what I find in the official documentation with more text and images.
In one of the next steps will be to show how you can ship the cards as HACS repositories. That’s one reason I decided to bundle each tutorial as a GitHub repository.
Just another shout out of thanks. I’m the proud publisher of default HACS card! I started from zero, and your tutorial helped me create an xkcd comic card that pulls a different comic into the dashboard every day. It’s such a steep learning curve, and the clarity of your write up helped a bunch.
Great work @Elmar! I’ve just started tipping my toes in sea of frontend/card development. I consider myself to be pretty OK with Python/Integration development, but have never really touched FE myself, so thanks for your work!
Currently I’ve successfully forked a card and got that ‘build’, so now I can start ‘developing’ my own. My goal is to adjust/improve upon a default HA card. Looking at its code, a lot of common files of HA are referenced. Do you have any advise on how to reference these from my own custom one? In the end I could just copy-paste the raw code/methods myself, but are there any other best practices?