rfcs
core
Our great sponsors
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.
rfcs
-
Svelte 5: Runes
```
We started experimenting with this ling of thought almost 3 years ago:
- First take (ref sugar), Nov 2020: https://github.com/vuejs/rfcs/pull/228
- Take 2, Aug 2021: https://github.com/vuejs/rfcs/pull/368
- Take 3, Nov 2021: https://github.com/vuejs/rfcs/discussions/369
We provided it as an experimental feature and had a decent number of users trying it out in production. The feedback wasn't great and eventually decided to drop it. https://github.com/vuejs/rfcs/discussions/369#discussioncomm...
- A quick look at the new defineModel in Vue 3.3
-
Vue.js Reactivity System: Ref, reactive, shallowRef, & shallowReactive
This is a personal preference, but I use ref almost all the time. Despite tediously writing the .value to access the refโs value, the Vue team is aware of the problem, and the open RFC - Reactivity Transform, was aiming to solve this issue, however, seems like it was abandoned.
-
This New Vue 3.3 defineModel Macro Will Change The Way You Write Your Co...
To stay updated, follow the RFC at https://github.com/vuejs/rfcs/discussions/503.
-
The Rear-Vue Mirror: My Open-Source Origin Story
This was a good change. Evan has always been extremely good at putting his finger on the pulse of the frontend community. If there's a feature or paradigm that people love that would fit in Vue, Evan will incorporate it. Over the years, Vue has implemented (and sometimes later deprecated) dependency injection, JSX support, custom elements, Angular-style class components, Svelte-style ref sugar, and now Solid-inspired compiler optimizations. They even changed the order of a Vue file to match that of Svelte: first the script, then the template.
- Generic Vue components expected to land in v3.3 (finally!)
-
VUE3 goes back to callbacks instead of events?
Now the $on has been removed, but the event subject is causing some confusion, see: https://github.com/vuejs/rfcs/discussions/397
-
10 Mistakes to Avoid When Starting with Vue 3
The RFC has shown that this feature is very controversial, with lots of implications. Personally, I liked it at first, but now I'm against it.
-
Vue 2 end of life December 2023
Here is the Current language: https://github.com/vuejs/rfcs/blob/function-apis/active-rfcs/0000-function-api.md
-
Should we migrate from Vue2 to Vue3 for the current projects we have or just wait till the community gets stabilized?
Plus, even that there is a real possibility that the controversial Reactivity Transform RFC leads to a Vue 4 version, it is likely to bring just minor breaking changes from Vue 3.
core
-
Using Nuxt Content: Working with Remote Markdown Files
Nuxt is an open-source framework for building performant websites and full-stack applications using Vue.js. It provides performance and SEO benefits, and adds full-stack capabilities for Vue apps.
-
The easiest way to authenticate users with Vue.js
As you can see, it's a simple Single Page Application built with Vue.js where our users can sign up / sign in with a few clicks.
-
Episode 24/13: Native Signals, Details on Angular/Wiz, Alan Agius on the Angular CLI
Similarly to Promises/A+, this effort focuses on aligning the JavaScript ecosystem. If this alignment is successful, then a standard could emerge, based on that experience. Several framework authors are collaborating here on a common model which could back their reactivity core. The current draft is based on design input from the authors/maintainers of Angular, Bubble, Ember, FAST, MobX, Preact, Qwik, RxJS, Solid, Starbeam, Svelte, Vue, Wiz, and moreโฆ
-
Securing Vue Apps with Keycloak
Vue.js is an open source web framework that makes developing web applications easier.
-
Introduction to JavaScript: Empowering Web Development with Interactivity
Frameworks and Libraries: There are numerous JavaScript frameworks and libraries, such as React, Angular, and Vue.js, which simplify the development of complex web applications.
-
Full Stack Web Development Concept map
Javascript in the browser React - react is a library that gives developers an application programming interface (API) to manipulate the DOM (this is React's ReactDOM package). React uses components and JSX to make building reusable code easier. docs JSX - is a syntax extension for React Javascript code that lets you write HTML-like markup in a javascript file. This makes it easier to write reusable HTML. docs State - a key react concept that guides setting and storage of data between renders. docs Hooks - a key react concept for logic triggered by state change docs Vue - is a framework for building web interfaces. Vue is lightweight and best for small projects prioritizing speed over functionality. doc Angular - web development framework. Angular is best for dynamic more feature rich sites. docs
-
What is Reactivity?
Vue
-
Vue 3 Explained: Rendering 101
Vue 3 Reactivity Source Code
-
Why I Personally Decided to Bet on JavaScript
Nonetheless, it offers nearly infinite possibilities. You can code and create anything, from a mobile app with React Native to a desktop application with Electron.js. Furthermore, JavaScript provides excellent frameworks and libraries that can be applied in various approaches, such as React, Three, Vue, Meteor, and Astro.
-
Use any web browser as GUI, with Zig in the back end and HTML5 in the front end
From your own example, here is the text from https://vuejs.org/ as of today:
> The Progressive JavaScript Framework
> An approachable, performant and versatile framework for building web user interfaces.
> Approachable - Builds on top of standard HTML, CSS and JavaScript with intuitive API and world-class documentation.
> Performant - Truly reactive, compiler-optimized rendering system that rarely requires manual optimization.
> Versatile - A rich, incrementally adoptable ecosystem that scales between a library and a full-featured framework.
Yes, performance is mentioned. But it's hardly the main selling point, and they don't even mention DOM manipulation, they're talking about the rendering in general.
Lit isn't even a framework, it's a "web components library".
> all modern frameworks
Yeah, "all modern frameworks" being one framework + one library?
What are some alternatives?
volar - โก Explore high-performance tooling for Vue [Moved to: https://github.com/vuejs/language-tools]
unplugin-vue-components - ๐ฒ On-demand components auto importing for Vue
unplugin-auto-import - Auto import APIs on-demand for Vite, Webpack and Rollup
vue-cli - ๐ ๏ธ webpack-based tooling for Vue.js Development
pinia - ๐ Intuitive, type safe, light and flexible Store for Vue using the composition api with DevTools support
vite - Next generation frontend tooling. It's fast!
pinia-shared-state - ๐ Sync your Pinia state across browser tabs.
vueuse - Collection of essential Vue Composition Utilities for Vue 2 and 3
react-18 - Workgroup for React 18 release.
auth - A JWT based API for managing users and issuing JWT tokens
nicegui - Create web-based user interfaces with Python. The nice way.