KnockoutJs 2023

KNOCKOUT.JS


Overall:  Knockout is a JavaScript library that offers Model-View-View Model pattern (MVVM) for Javascript. Its competitors are ReactJs, AngularJs and SolidJs.

Small & lightweight — 66kb minified
No dependencies

Pure JavaScript library works with any server or client-side technology.

 

Background:  I have been to a number of lectures on Knockout many years ago at the Dallas .NET conferences, but interviewed with a company that actively still uses Knockout.  With everyone focused on React and Angular, I wanted to understand better about Knockout.  So this document is a high-level recap of what the modern Knockout does.

Bindings: Easily associate DOM elements with model data using a concise, readable syntax
Auto UI Refresh: When your data model's state changes, your UI updates automatically
Dependency Tracking: Implicitly set up chains of relationships between model data, to transform and combine it
Templating: Quickly generate sophisticated, nested UIs as a function of your model data


PERFORMANCE COMPARISONS:

An interesting performance comparison with ReactJs and AngularJs - 2015 article and updated in 2017:
https://www.codementor.io/@chrisharrington/react-vs-angularjs-vs-knockoutjs-a-performance-comparison-85hwzepbz 

Another 2013 article updated in 2017: https://vijayt.com/post/performance-problems-using-knockout-observablearray/

DISADVANTAGES:
1) Lacks updates.
2) Popularity: less than 3% (as per 2 Oct 2020 article: https://www.altexsoft.com/blog/engineering/angularjs-vs-knockout-js-vs-vue-js-vs-backbone-js-which-framework-suits-your-project-best/ )


3) Maturity: Legacy

Comments

Post a Comment

Popular posts from this blog

Upgrading to .NET8 from desktop versions 4.8.X

Image
Upgrade to Latest .NET OVERALL     Problems and differences encountered taking applications from .NET 4.8 desktop to .NET 8 . SUGGESTION    Rebuild the solution and project files from scratch with latest .NET 8. PROBLEMS APIs    On later .NET APIs (post 4.8 desktop), you need to be extra carefully about how the inbound objects are declared.  So if integer in Postman, then must be integer in object.  In older .NET, they accept properties as strings.       Example - Say body in Postman is:          {     "SettingData" : 31000 }    Pretend endpoint method is: [HttpPut("cache/resettimer")] [Produces("application/json")] [ProducesResponseType(typeof(ResetCacheResponse), Status200OK)] public async Task<HttpResponseMessage> MyMethod ([FromBody] InputData input)    Later .NET must be: public class InputData { public int SettingData { get; set; } } ...
Read more

JSON Web Tokens

Image
 JSON Web Tokens (JWT)   A JSON Web Token (JWT) is commonly used for authentication and authorization in web applications and APIs. Essentially, JWTs encode info about a user or entity into a JSON object, which is then digitally signed and/or encrypted.  A JWT consists of three parts, separated by dots (.):  1. Header: Contains metadata about the token, such as the signing algorithm (e.g., HMAC SHA256, RSA SHA256) and the token type (JWT).  2. Payload: Contains the claims, which are statements about an entity (e.g., user ID, role, expiration time).   3. Signature: Verify that the JWT sender is who they claim to be and that the message hasn't been tampered with.  How it works:   Authentication: A user logs in, and the server creates a JWT containing user info and other relevant claims.    Token Transmission: The server sends the JWT to the client (e.g., browser).    Subsequent Requests: The client includes the JWT in the au...
Read more

GHL > Set website so shorter URL address

Image
GHL > Set website so shorter URL address Background:  In GoHighLevel, you can  set a specific page as the default page   for your website or funnel, essentially making it the "index.html" equivalent for your domain. This page will be the first one displayed when someone visits your domain without specifying a specific page path.   Example:      1) GHL > Site > pick your funnel or website > Edit it.       2) Notice where it puts the website:     3) If my  https://aiappointmentbooker.com/  is not working but works when I go to  https://aiappointmentbooker.com/home-page-3213  like above, then you need to fix your index.html by doing these steps. Here's how you can do it: Go to Domains:  In your GoHighLevel account, go to  Settings > Domains . Find and Edit Your Domain:  Find the domain you want to configure and click on the edit icon next to it. Set the Default Page:  Set...
Read more