Good Kaizen – Vue
A blog about doing good and getting better at life, code, design, and business. We do our best to write in a way that clients will find valuable.
Kaizen is the practice of continuous improvement.
Maintaining a high level of accessibility in a web application can be challenging sometimes, especially when the application has features that require a lot of user interaction. Drag-and-drop is a perfect example of such a feature, and it's one that may seem like it can't possibly be accessible, but with a little extra code, it can be. In this post, we'll discuss how to make an accessible drag-and-drop component in Vue.
When I first began kicking the tires on Vue, I was quickly frustrated by my lack of understanding of how data is transferred between Laravel and Vue. I was comfortable with the way Laravel retrieved and stored data, but I couldn't figure out how to make Vue aware of Laravel's data!
Building a custom component that operates on chunks of data is easier than you may think. It involves understanding how Vue handles the input/update cycle and making a few changes to your component. Let’s start by taking a look at one approach for turning a standard component into a “controlled” component and then figure out how to nest them.