V tomto tutoriáli sa dozviete, ako vytvoriť prispôsobený komponent pomocou objektu Knockout Component Factory.
Hlavnou myšlienkou tohto tutoriálu je, že pomocou tohto vzoru môžete vytvoriť ľubovoľný vlastný komponent. Stačí, keď aktualizujete objekty JavaScript – SampleComponentViewModel a sampleComponentTemplate. Objekty sampleComponentFactory a SampleComponentImpl sa počas prechádzania tutoriálu nezmenili. Tieto zmeny ste mohli implementovať bez toho, aby ste sa museli zaoberať komunikáciou so stránkou, a mohli ste vykonať tieto úlohy:
Informovať komponent o zmenách z panela Nastavení a zabezpečiť zachovanie týchto zmien.
Spustiť spúšťače a akcie a komunikovať s ďalšími komponentmi na stránke.
Vytvoriť rozloženia a využiť vnorené komponenty.
Definovať štýly pre konkrétne komponenty.
Podľa tohto príkladu sa vlastný komponent síce rozdelí na viacero súborov, ale uviedli sme ho kvôli zrozumiteľnosti tutoriálu. V záujme optimalizácie by ste mali zvážiť vhodné zabalenie súborov, aby ste ich nemuseli sťahovať na viackrát.
Tento tutoriál je vhodný pre komponenty založené na modeli Knockout. Ak chcete vytvárať vlastné komponenty pomocou iného zásobníka technológie JavaScript, ako je napríklad AngularJS, je potrebné znova implementovať objekt SampleComponentImpl, aby sa vytvorila zodpovedajúca komunikácia s daným prostredím spolu s implementáciou tohto komponentu podľa špecifík danej technológie. Táto práca už presahuje rámec tohto tutoriálu.