9. Under the Hood | MASTERING KNOCKOUTJS

Sign In Start Free Trial

Book Overview & Buying
Table Of Contents

MASTERING KNOCKOUTJS

By : Moran

4.7 (6)

MASTERING KNOCKOUTJS

4.7 (6)

By: Moran

Overview of this book

If you are an experienced JavaScript developer who is looking for new tools to build web applications and get an understanding of core elements and applications, this is the book for you. A basic knowledge of DOM, JavaScript, and KnockoutJS is assumed.

Preface

Preface

A note on Knockout 3.2

What this book covers

What you need for this book

Who this book is for

Conventions

Reader feedback

Customer support

Free Chapter

1. Knockout Essentials

1. Knockout Essentials

The environment setup

An overview of Knockout

Observables

Defining viewmodels

The data-bind syntax

Control flow bindings

Template binding

Containerless control flow

Extenders

The Contacts List application

Summary

2. Extending Knockout with Custom Binding Handlers

2. Extending Knockout with Custom Binding Handlers

The data binding pattern

Components of a binding handler

Simple binding handlers

Advanced binding handlers

Containerless syntax with custom bindings

Summary

3. Extending Knockout with Preprocessors and Providers

3. Extending Knockout with Preprocessors and Providers

Binding the handler preprocessing

Node preprocessors

Binding providers

Knockout punches

Summary

4. Application Development with Components and Modules

4. Application Development with Components and Modules

RequireJS – AMD viewmodels

Components

Single Page Application (SPA) routing

Summary

5. Durandal – the Knockout Framework

5. Durandal – the Knockout Framework

An overview of the Durandal framework

The composition system

Using the router

Modal dialogs

The application's life cycle

Widgets

Summary

6. Advanced Durandal

6. Advanced Durandal

Publishing and subscribing

Handling logins

Guarded routes

Advanced composition

Child routers

Custom modal dialogs

Using activators

Binding to plain JavaScript objects

Summary

7. Best Practices

7. Best Practices

Sticking to MVVM

Using service modules

Creating small modules

Writing unit tests

Singleton versus instance

Calling ko.applyBindings once (per root)

Performance concerns

Summary

8. Plugins and Other Knockout Libraries

8. Plugins and Other Knockout Libraries

Knockout Validation

Knockout Mapping

Knockout Kendo

KoGrid

Knockout Bootstrap

Knockout Switch-Case

Knockout Projections

Knockout-ES5

Summary

9. Under the Hood

9. Under the Hood

Dependency tracking

The prototype chain

The binding expression parser

Applying bindings

Templates

The ko.utils reference

Summary

Index

Index

The binding expression parser

The expressions written in data-bind attributes are not truly JavaScript or JSON, though they look very similar. Knockout has its own parser to convert these attributes into JavaScript. Say you write a data-bind attribute like this one:

data-bind="value: name, visible: showName"

Then, the binding provider's job is to return an object like this:

{
  value: function() { return name; },
  visible: function() { return showName; }
}

The default binding provider does this using the ko.expressionRewriting module, which is responsible for calling binding preprocessors and returning a JSON-esque string. Internally, this is done using regex to parse the full attribute into a key/value pair array. This might sound messy, but it gets the job done. That being said, even for an under the hood look, the details are not very relevant to Knockout, as the parsing is general purpose. If you are still curious, the code is located at https://github.com/knockout/knockout/blob/master...

CONTINUE READING

83

Tech Concepts

36

Programming languages

73

Tech Tools

Unlimited access to the largest independent learning library in tech of over 8,000 expert-authored tech books and videos.

Innovative learning tools, including AI book assistants, code context explainers, and text-to-speech.

50+ new titles added per month and exclusive early access to books as they are being written.

MASTERING KNOCKOUTJS

Search

Your notes and bookmarks