How to Build Vue Components in a WordPress Theme
The inline-template directive allows us to build rich Vue components as a progressive enhancement over existing WordPress markup.
Vue
Building animated draggable interfaces with Vue.js and Tailwind
The frontend landscape changed quite a lot in the last years (hopefully for the better). Now there are tools and technologies that help us a
Sliding In And Out Of Vue.js
One of the key advantages of Vue.js is that it plays nicely with other code: it is easy to embed progressively into other applications, but it is also easy to wrap up non-Vue code into Vue. This article explores this second advantage, covering three distinct types of third-party JavaScript and ways to embed each of them in Vue.
3 Code Splitting Patterns For VueJS and Webpack
Code splitting an app is a great way to improve its initial loading speed and can easily be achieved with Webpack. But where and when do you split your code? In this article I'll present three patterns for code splitting a Vue.js app: by page, by page fold and by condition.
Creating Vue.js Component Instances Programmatically
I have been on a Vue.js project that required the ability to create components programmatically. By programmatically, I mean you create and insert the components completely from JavaScript, without writing anything in the template. This article aims to illustrate how different aspects of using components in a template, such as instantiation, props passing, slots, mounting, translates to JavaScript code.
Turn Your Static SVG Drawings Into Interactive Widgets and Infographics With Vue.js
What You'll Be CreatingSVG is a powerful and flexible graphic format, which fits perfectly into the web medium. Unlike raster image formats, such as JPG, PNG, or GIF, SVG is vector-based and...
Server-side apps with client-side rendering
In this article I introduce a technique I've been using lately that blends my favourite parts of server-side and client-sidee apps: using client-side rendering in a server-side app.
An Instagram gallery with Vue.js and CSS Grid
A client of mine recently requested a simple image gallery for her site — one which would display her Instagram feed. I thought: “no…
Demystifying Vue.js internals
When it comes to JavaScript frameworks, Vue.js is a trending UI framework.(just crossed 90k Github ⭐️ and more than 13k 🍴, very much…
The 4 Layers of Single Page Applications You Need to Know
Let’s architect a React application from the ground up, exploring the domain and its services, store, application services and the view.
Advanced Server-Side Rendering With Laravel & Vue: Multi-Page App
A few weeks ago I wrote a tutorial on the new Vue server-side rendering capabilities for Laravel. That tutorial mostly focused on the set…
Vue: Authentication Best Practices
Learn how to easily implement authentication in your Vue.js application. You will learn how to handle unauthenticated API calls, have auto authentication, have restricted routes access and more.
Managing User Permissions in a VueJS App
In authenticated frontend apps we can change what a user can see depending on their role e.g. guest, admin etc. In this article, we implement a simple but scalable permission system into a Vue.js app using the CASL library.
Atomic Design with React
Atomic Design creates multiples stacks of components, with different hierarchies of complexity and dependence
Vue.Js and React.Js – a Quick Comparison
Frontend developers utilize a variety of tools. Discussion of these tools and arguing which one is the best will easily grow in a holy war, as every developer has his own preferences in terms of methods of working and using programming languages. That is why the wisest decision one can make is to