---
title: "Creating LemonadeJS Components as JavaScript Classes | v3 docs"
description: "LemonadeJS v3 archive. Dive into LemonadeJS's reactive classes, and learn how to build components as JavaScript classes for modular and maintainable code."
source: https://lemonadejs.com/docs/v3/classes/
---
Classes
=======
You can also create reusable LemonadeJS components using JavaScript classes. Remember that {self} references {this} within any LemonadeJS class. That allows you to update internal attributes or call class methods from the self within the template, as demonstrated in the example below.
Example
-------
It is possible to create lemonade components using JavaScript classes, as seen in the example below.
```html
```
```javascript
import lemonade from 'lemonadejs';
export default class Counter extends lemonade.component {
constructor(self) {
super(self);
this.count = 1;
}
counter() {
this.count++;
}
render() {
return `<>
Counter: {{self.count}}
`;
}
}
```
See this [working example](https://codesandbox.io/s/lemonadejs-examples-sebfeo) on codesandbox.
### Next Chapter
The next Chapter presents how to create a reactive Webcomponents using LemonadeJS.
[Next chapter: Webcomponents](/docs/v3/web-components/)