# Een eigen jComponent schrijven > Registreer een herbruikbare component met COMPONENT(), render hem in make(), reageer op statuswijzigingen in setter() en schrijf terug met set(). Framework: jcomponent20 Product: jComponent 20 (jcomponent@20) Language: nl Content-SHA256: 3aa13dc86aaf2f1aa9966363ae6fe3d28248f9d93d0b325e7280053995803868 Snapshot: c0700e321579725c5cf4f5ace1ad7d2866d1b4f93c24a63c0b41b6b7998e976c Sources: jcomponent20@3fedd009a277f50fddc608b97afbec553b67c51b Review: not-recorded Een component wordt gedeclareerd met `COMPONENT(name, config, declaration)`. Het tweede argument is de standaardconfiguratie als string (`key:value;key:value`). De declaratie krijgt `self` (de component-instantie) en `config` (de geparsede configuratie). - `self.make` draait één keer, wanneer de component wordt aangemaakt. Bouw hier de DOM. - `self.setter(value)` draait telkens wanneer de waarde van het `path` van de component verandert. - `self.set(value)` schrijft een nieuwe waarde naar het `path`; `self.get()` leest hem. Gebruik de component met een ``-element. `name` kiest de declaratie, `path` de state en `config` overschrijft de standaardwaarden. ```html public/index.html jComponent

Total:

``` De `ui-bind` naast de component laat zien dat beide dezelfde state lezen: een klik op de knop verandert het pad en elk eraan gebonden element wordt bijgewerkt.