Vue.js
knockout
Our great sponsors
Vue.js | knockout | |
---|---|---|
337 | 17 | |
197,223 | 10,197 | |
0.4% | 0.1% | |
9.5 | 0.8 | |
4 days ago | 3 months ago | |
TypeScript | JavaScript | |
MIT License | GNU General Public License v3.0 or later |
Stars - the number of stars that a project has on GitHub. Growth - month over month growth in stars.
Activity is a relative number indicating how actively a project is being developed. Recent commits have higher weight than older ones.
For example, an activity of 9.0 indicates that a project is amongst the top 10% of the most actively developed projects that we are tracking.
Vue.js
- Vue v2.7.0 "Naruto" was released
-
Quest for serverless WebSockets, an adventure with Azure Functions & Durable Entities
VueJS, a well-known front-end framework.
-
How to Create a Fullstack App Using NuxtJS, NestJS, and Datastax Astra DB (with a Little Help from Github Copilot)
NuxtJS is a framework for creating VueJS applications. It was first released in 2016 to build upon applications that use VueJS. NuxtJS handles the server-side and client-side distribution so you can focus just on the application development.
-
How to Make an AI-Assisted Phone Service with Twilio
As you’ve likely noticed by now, Replit has a lot of useful features that allow you to code online. Although this article only showed its support for Python, it equally supports other programming languages, such as C++, JavaScript, and TypeScript; and frameworks, such as React or Vue.js. It comes with a built-in browser to preview your frontend or API. Additionally, it also has a built-in database and support for unit testing and storing environment variables.
-
Single page changes
If you're creating something more complex and want quite a bit of dynamic content, you should consider React or Vue. The learning curve on those is much greater, but you can build much more complex websites and apps.
-
Reactivity using this.$set() with an object not working, but works with an array?
Vue makes result your data() function reactive. So this.reactiveObj (which is set to null) property will be reactive. Then, in mounted(), you assign that property to something else (empty object {}). That signals vue that it needs to rerender that template block {{ reactiveObj }}. But it doesn't rerender immediately. It does so sometime after mounted() has completed. By that time reactiveObj already has some non-reactive properties in it so it happily rerenders it with whatever non-reactive content it has. After that in your button click handler you modify values of those non-reactive properties. And vue doesn't pick up that. Whether you do this with this.reactiveObj[id] = true or this.$set(this.reactiveObj, id, true) does not matter because if you look at Vue.set (or this.$set) source code here https://github.com/vuejs/vue/blob/main/src/core/observer/index.ts (find export function set(...) you'll see
-
What is XState used for?
XState can be used in any frontend application to manage state. It has first-class integrations for React, Vue, Svelte, as well as an upcoming Solid integration. It also works well in Angular without any integrations needed.
-
Mithril JS + Quasar CSS? Here is the proof.
Quasar is an excellent framework for web and mobile apps. It consists of two parts: JS (depends on VueJS) and CSS. CSS part of Quasar defines large number of classes (css rules) and practically covers everything we need to write nice and user-friendly apps.
-
.net learning questions
Here is link number 1 - Previous text "Vue"
Use more complex 3rd party frontend library/framework (popular ones are React, Vue, Angular, Svelte) with ASP.NET Core WebAPI backend. Choice depends on your use-case and/or personal preference, they all have their strengths and weaknesses. Usually there is a choice of component libraries that can help you composing your UI (e.g. Chakra, MUI, Angular Material, etc.). Keep in mind that most of these libraries/frameworks imply client-side rendering.
knockout
-
After an eternity, java.com has updated its homepage
For a small page like that, they are using Oracle content management, knockoutjs, RedwoodJs, MarkedJs, MustacheJs, JQuery and Bootstrap. There's like 10+ layers or div, header and nav elements just to display the logo. They can't even properly anchor the footer at the bottom...
- Discovered a 63kb tiddlywiki like self saving HTML+JS wiki and its looking cool
-
How can I use knockout's $parent/$root pseudovariables from inside a .computed() observable?
Inside a knockout.js binding expression, I can use the $data, $parent, and $root pseudovariables. How can I get the equivalent of those pseudovariables when I'm using a ko.computed observable declared in JavaScript?
-
Determine if an object property is ko.observable
I'm using KnockoutJS version 2.0.0
-
Web Components 101: History
Knockout was one of the first to introduce strict MVC patterns inside of JavaScript in July 2010. Knockout supported observable-based UI binding. Here, you could declare a Model, and bind data from said model directly to your HTML.
-
Where am I wrong about my project and these Javascript Frameworks?
knockoutjs
-
How to do two-way filtering in AngularJS?
In KnockoutJS, I could create a read/write computed property, which allowed me to specify a pair of functions, one which is called to get the value of the property, and one which is called when the property is set. This allowed me to implement, for example, culture-aware input - letting the user type "$1.24" and parsing that into a float in the ViewModel, and have changes in the ViewModel reflected in the input.
-
I'm using a static site to keep sports statistics for very few people. I want to have 1 page that changes depending on the player you click? Can I do this without server side processing?
Have a look at knockoutJS. It's the library with the shallowest learning curve I'm aware of, but does require some programming in JavaScript.
-
Angular: A shift in paradigm
As the internet became faster, and more reliable, and as browsers unified into “evergreen” releases, developers accepted JSON to be the only shape of data needed to travel on wires. A few years back I posted a question of which was a better framework: serving fully processed HTML scripts over Ajax, or only JSON that would be populated on client-side. See, back then, populating JSON was hand crafted, before Knockout, before Backbone, and few other players I don’t recall. The thing you could use back then was Mustache-like, which -by the way- still is a favorite of mine when venturing outside of SPA zone.
-
Your view on Vue.js
I'm a designer just here to learn, but the dev on my team really likes Knockout JS. It seems like a good way to plugin some of the same functionality without it being overkill.
What are some alternatives?
vite - Next generation frontend tooling. It's fast!
Stimulus - A modest JavaScript framework for the HTML you already have [Moved to: https://github.com/hotwired/stimulus]
React - A declarative, efficient, and flexible JavaScript library for building user interfaces.
awesome-blazor - Resources for Blazor, a .NET web framework using C#/Razor and HTML that runs in the browser with WebAssembly.
Alpine.js - A rugged, minimal framework for composing JavaScript behavior in your markup.
Preact - ⚛️ Fast 3kB React alternative with the same modern API. Components & Virtual DOM.
Aurelia 1 - The Aurelia 1 framework entry point, bringing together all the required sub-modules of Aurelia.
Drawflow - Simple flow library 🖥️🖱️
Gatsby - Build blazing fast, modern apps and websites with React
lit - Lit is a simple library for building fast, lightweight web components.
riot - Simple and elegant component-based UI library