Hello VueWeekly Readers!
Sorry for the lack of updates the past couple weeks. We’ve been rather busy, but are looking to get back to the regular weekly cadence you all have grown accustomed to! Without further ado, here’s whats new with Vue!
Vite (French word for “fast”, pronounced /vit/) is a new kind of build tool for frontend web development. Think a pre-configured dev server + bundler combo, but leaner and faster. It leverages browser’s native ES modules support and tools written in compile-to-native languages like esbuild to deliver a snappy and modern development experience.
Supporting the next-gen progressive JS framework
Inkline is the customizable Vue.js UI/UX Library designed for creating flawless responsive websites. Inkline is written and maintained by @alexgrozav.
In this episode of Enjoy the Vue we unpack Vue 3’s new feature, Teleport! The discussion starts off with a basic overview and a few thoughts on how to approach the feature before the team dive into some areas of confusion that have been noted so far.
With the Vue 3 Composition API, you can write functional components. It’s possible also with React, but React has different templating: JSX. What happens if we write Vue functional components with JSX templates? Are they similar to React functional components?
Vue 3 has a super neat reactivity system based on the ES6 Proxy object. In this article we build a simplified version of the reactivity system. We will stay as close the Vue 3 source code as possible. The idea is to prepare you better to read and understand it.
Here is the comparison (on my Intel Macbook Air) Initial load: 22s -> 1.4s HMR: 13s -> 0.09s ⚡️🤯https://twitter.com/youyuxi/status/1361353445379366912
Middleware lets you define custom functions that can be run before rendering either a page or a group of pages which we call layouts. In universal mode, middlewares will be called once on server-side (on the first request to the Nuxt app, e.g. when directly accessing the app or refreshing the page) and on the client-side when navigating to further routes.
Vue and Django are both fantastic for building modern web apps - bringing declarative functional reactive programming to the frontend, and an integrated web app platform, ecosystem, and battle-hardened ORM to the backend. However they can be somewhat tricky to use together.
A web based mission control framework using Vue.js
View a 3D model of your GitHub contribution graph. Share it, print it, and more!