Skip to main content
Blog | Richard Huf
Senior front-end developer.

Areas of interest include Design Systems, CSS, React, Accessibility, UI development, Typescript, good music and sci-fi, and the open web.

Fun with ES6 Classes, inheritance, and Vue JS

Here's a codepen experiment using Javascript's ES6 Classes to create album data.

It uses a base Class (Album) with some details, and a class that extends the Album class (tracklisting).

The data is then templated out using Vue. It doesn't look all that special, but it's in the Babel tab where the fun happens :)