---
title: "Building Reactive Classes with LemonadeJS | v5 docs"
description: "LemonadeJS v5 archive. Learn to build reactive JavaScript class components with LemonadeJS, leveraging two-way data binding and reactivity as a lightweight."
source: https://lemonadejs.com/docs/v5/classes/
---
# Reactive Classes
LemonadeJS supports creating components with JavaScript classes, ensuring reusability and encapsulation. Using a reference to the `this` object, you can update attributes and invoke class methods directly within the template.
## Example
Here’s how to create a LemonadeJS component using a JavaScript class:
```html
```
```javascript
import { component } from 'lemonadejs';
export default class Counter extends component {
constructor(self) {
super(self);
// Initial value
this.count = 1;
}
render() {
return render => render``;
}
}
```
See this [working example](https://codesandbox.io/s/lemonadejs-examples-sebfeo) on codesandbox.
### Next Chapter
The next chapter presents how to create reactive web components using LemonadeJS.
[Web Components](/docs/v5/web-components/)