Today we are proud to announce the official release of Vue.js 3.0 "One Piece". This new major version of the framework provides improved performance, smaller bundle sizes, better TypeScript integration, new APIs for tackling large scale use cases, and a solid foundation for long-term future iterations of the framework.
Hats off to the core team and all those who contributed!
Evan You will be Live on Friday 18th September to reveal something special for the Vuejs and Javascript Community. Evan You the Creator of Vue will be delivering a keynote Live and Free for the public.
Almost two years ago I started my dev.to journey with the article about unit testing Vue + Apollo combination. During this time I had multiple requests about mocking an Apollo client and including it to the equation - just like React does with @apollo/react-testing library. This would allow us to test queries and mutations hooks as well as cache updates. There were many attempts from my side to mock a client and finally I am ready to share some examples.
const state = reactive({
info: {
name: 'Anthony',
}
})
watch(state, () => { console.log('changed!') }, { deep: true })
state.info.name = 'Anthony Fu'
// changed!
As you probably know, the things I excited most in Vue 3 are the Composition API and the reactivity system. With the Composition API we can reuse logics and states across components or even apps. What's better? The underhood reactivity system is decoupled from Vue, which means you can use it almost everywhere, even without UI.
Today, letβs bundle these two tools while learning how to set up Tailwind CSS with Vue.
Hereβs what this tutorial includes:
- Generating a Vue 3 app
- Setting up Tailwind CSS
- Defining data to play with Tailwind -Pushing the configuration further
New (and important) new features for the Dialog and Notify plugins! Updatable and progress related. Enjoy!
Improve churn rate of your Gridsome site by generating post or product recommendations to show users related content they might be interested in.
Analyses your posts and creates relations between similar posts based on text analysis. For more information on the text analysis part visit content-based-recommender.
Both tools offer developers a productive approach to building various Web applications, but each has its own best use cases and responds to different business needs. In this article, weβll explore what those use cases can be, along with perks that make Vue.js and React unique.
// pages/_app.js
import { Amplify } from "aws-amplify";
import awsExports from "../src/aws-exports";
Amplify.configure({ ...awsExports, ssr: true });
Modern web frameworks like Next.js and Nuxt.js combine hybrid static site generation (SSG) and server-side rendering (SSR) along with traditional client rendering to enable developers to build fast, modern sites while also providing a great developer experience. These technologies continue to grow in popularity as developers and customers increasingly take advantage of their features like API routes, incremental static regeneration, code-splitting, and good SEO.
The v2.17.0 updates include:
b-avatar
docs
b-form-file
b-pagination/b-pagination-nav
b-tags
b-table
...plus a long list of bug fixes :)
Now itβs time to add all the important head tags to the main and post templates.
Letβs start with the main site meta data, which will be used in the main template and would also be used as a fallback if any other individual pages do not have the meta content added to them. In the
nuxt.config.js
file there is a head property, it is here where we will be adding all our data.
Sebastien, creator of Nuxt.js will explain the current state of Nuxt for 2020, from version 2 to 3.
Proof of concept mini custom elements framework powered by @vue/reactivity and lit-html. The "framework" itself is just ~70 lines of code and the two libraries weigh in at ~6kb min + brotli combined.
The API is almost identical to Vue Composition API, but defines native custom elements underneath.