# Pierwsze kroki z jComponent 20 > Załaduj bundle jComponent, ustaw wartość w stanie globalnym i pokaż ją elementem ui-bind. Framework: jcomponent20 Product: jComponent 20 (jcomponent@20) Language: pl Content-SHA256: 9ffdcd939ac48cda1ccce27984f43077f7128eb15d95e65bc440210047febdca Snapshot: c0700e321579725c5cf4f5ace1ad7d2866d1b4f93c24a63c0b41b6b7998e976c Sources: jcomponent20@3fedd009a277f50fddc608b97afbec553b67c51b Review: not-recorded jComponent 20 to jeden plik (`spa.min@20.js`), który zawiera już jQuery. Utrzymuje globalny obiekt **stanu**: zapisujesz do niego przez `SET(path, value)`, czytasz przez `GET(path)`, a elementy reagują na zmiany. Bundle zawiera też arkusz stylów `spa.min@20.css` z czcionką ikon Total.js. `` wiąże element ze ścieżką w stanie. Atrybut `config` wymienia komendy rozdzielone średnikami; `text:value` ustawia tekst elementu na wartość ścieżki. Załaduj oba z CDN, tak jak robi to każdy przykład na tej stronie: `` i ``. Jeśli chcesz tylko ikony, załaduj samo `//cdn.componentator.com/icons.min.css` (skrypt nie jest potrzebny). Testy na tej stronie odpowiadają na żądania `spa.min@20.js` i `spa.min@20.css` lokalną kopią tej samej wersji i nie ładują pliku z ikonami. ```html public/index.html jComponent

Hello

``` Wywołaj ponownie `SET('user.name', 'Louis')`, a nagłówek zmieni się bez żadnego Twojego kodu DOM.