Ten samouczek pokazuje, jak utworzyć dostosowany składnik z użyciem Knockout Component Factory.
Głównym celem tego samouczka jest pokazanie, że — korzystając z tego wzorca — można utworzyć dowolny składnik niestandardowy, aktualizując jedynie obiekty SampleComponentViewModel i sampleComponentTemplate JavaScript. Obiekty sampleComponentFactory i SampleComponentImpl nie zmieniły się, gdy przechodziliśmy przez ten samouczek. Byliśmy w stanie zaimplementować te zmiany bez konieczności zajmowania się komunikacją ze stroną oraz byliśmy w stanie wykonać następujące zadania:
Komunikowanie (składnikowi) zmian dokonanych w panelu "Ustawienia" i utrwalanie ich.
Uruchamianie wyzwalaczy i czynności oraz wchodzenie w interakcję z innymi składnikami na stronie.
Tworzenie układów i wykorzystywanie zagnieżdżonych składników.
Definiowanie stylów specyficznych dla składników.
W przykładzie tym, w celu zachowania przejrzystości, składnik niestandardowy został rozdzielony na pewną liczbę plików. W celu optymalizacji operacji należałoby rozważyć — aby uniknąć wielu pobrań — odpowiednie spakowanie swoich plików.
Na koniec należy zauważyć, ze samouczek ten jest odpowiedni w zakresie składników opartych na technologii Knockout. Zamierzając tworzyć składniki niestandardowe przy użyciu innej technologii JavaScript, takiej jak AngularJS, trzeba ponownie zaimplementować obiekt SampleComponentImpl, tak aby zapewnić odpowiednią komunikację z tym środowiskiem oraz implementację składnika właściwą dla tej technologii. To zadanie wykracza poza zakres tego samouczka.