# Component lifecycle: make, setter and destroy
> Know when jComponent creates, updates and removes a component, and clean up timers and listeners in destroy().
Framework: jcomponent20
Product: jComponent 20 (jcomponent@20)
Language: en
Content-SHA256: a91ae5a1c166759e760b643f70e1f3cfe3cd06a062d201b231e646ef7081f169
Snapshot: c0700e321579725c5cf4f5ace1ad7d2866d1b4f93c24a63c0b41b6b7998e976c
Sources: jcomponent20@3fedd009a277f50fddc608b97afbec553b67c51b
Review: not-recorded
A component goes through three moments you can hook into:
- `self.make()` runs once, when the component is created and its element is ready: build the DOM and register events here
- `self.setter(value, path, type)` runs every time the value of the `path` changes (also the first time)
- `self.destroy()` runs after the element was removed from the page: stop timers and release what you created. jComponent detects removed elements with a cleanup that runs every minute; call `FREE()` to run it immediately
`self.readonly()` tells jComponent the component never writes to its path, which turns off its validation state.
```html public/index.html
jComponent