In this two-part article, you’ll learn how to build your our own Sketch plugins from scratch — giving you the skills needed to accomplish tasks much faster, easier, and better.
Read more…
Slots are a powerful tool for creating reusable components in Vue.js, though they aren’t the simplest feature to understand. Vue’s slots take component-based development to a whole new level, and while in this article you will discover a lot of great ways slots can be used, there are countless more out there. Today, Joseph Zimmerman takes a look at how to use slots and some examples of how they can be used in your Vue applications.
Read more…
The user experience from a developer point of view is seriously lacking. We don’t get any helpful warnings when we misspell words, misuse APIs or, well, anything, really! We’ve already seen how we can implement the basic parts of our validation library, and how to add all the nice-to-have features we needed. In this final part of this series, Kristofer Giltvedt Selbekk will focus on improving the user experience for the people that will use our validation library: the developers.
Read more…
In Kristofer’s previous article, he explained how the basic parts of a validation library can be implemented. While the next part will focus on improving the developer experience, today’s article will focus on adding more features to what was created in Part 1. Kristofer will continue implementing the validation library you started implementing in the previous part of this series. These are the features that are going to take us from a simple proof of concept to an actual usable library!
Read more…
Do websites created with reactive frameworks get indexed by Google and other search engines? Is it compulsory to set up pre-rendering, as your SEO consultants suggest? Or are they wrong? In this article, Paolo Mioni will talk mostly about Vue.js, since it is the framework he’s used most, and with which he has direct experiences in terms of indexing by the search engines on major projects, but most of what will be covered is valid for other frameworks, too.
Read more…
Ever wondered how validation libraries work? In this article, Kristofer Giltvedt Selbekk will tell you how to build your very own validation library for React step by step. You will go through the process step by step, and you’ll find CodeSandbox examples as we go along. By the end of this post, you will know how to write your own validation library, or at the very least have a deeper understanding of how other libraries implement “the magic of validation”. The next part will add some more advanced features, and the final part will focus on improving the developer experience.
Read more…
When designing interfaces for IoT web page, one always has many options. In the previous part of this article, Richard Leddy shed light on the meaning of IoT and how Vue.js can be used to hosts groups of IoT human-machine interfaces. Today, Richard Leddy will take a closer look at lazy-loading panels and how to keep the Vue state in sync with devices. More about the editing process may be considered in some other discussion. There is a lot to it. But, for now, we have the tools we need in order to load hierarchal components and make them come alive.
Read more…
IoT is growing to include many devices with many owners. Web developers will be faced with the problem of finding ways to enable owners to interact with their devices. But, this problem gives rise to a great deal of business. In this article, Richard Leddy will explore some aspects of web page development for the Internet of Things (IoT) that are already in demand. This discussion delves into the interface requirements using Vue.js as a catalyst and illustrates one method of webpage to device communication out of many subsitutions.
Read more…
In this article, you’ll learn how you can progressively replace your JavaScript-driven lazy loading with its native alternative — thanks to hybrid lazy loading.
Read more…
DOM changes can be frequent, and as a result, there are instances where your app might need to respond to a specific change to the DOM. Monitoring for changes to the DOM is sometimes needed in complex web apps and frameworks. By means of explanations along with interactive demos, Louis Lazaris will show you how you can use the MutationObserver API to make observing for DOM changes relatively easy.
Read more…
