Vue, Test Coverage, and Drag-and-Drop

In keeping with the latest trend for this website, I haven’t been writing much content for it. As usual, though, I’ve been writing for other blogs on a variety of topics, most of which are connected to Vue in some way, but there are some that have nothing to do with Vue. Take a look below.

Unit Testing Vue Components

Unit Testing Vue Components is a pretty self-explanatory title for this article. It discusses some of the testing tools that work well with Vue, but more importantly, it demonstrates how to actually test most aspects of Vue components.

Simplifying Your Workflow With Vue Development Tools

Simplifying Your Workflow With Vue Development Tools introduces you to a couple tools developed by the Vue team that, when integrated into your development workflow, can increase your productivity and simplify how you get things done with Vue.

A Kinto Backend for the Vue Tutorial Search App

A Kinto Backend for the Vue Tutorial Search App takes my original tutorial about building a simple Vue app and adds Kinto and Vuex into the picture. Kinto is a JSON storage service. It has a JavaScript API that allows you to easily connect your app to the Kinto back end and use it for your storage. It also persists data locally and handles synchronizing your back end with the local copy. We used Vuex in between the rest of the app and Kinto so we can 1) learn about Vuex and 2) easily change Kinto to something else (Firebase anyone?) if the need/desire arises.

Official Vue Projects You Probably Don’t Know About

Official Vue Projects You Probably Don’t Know About explores some of the more obscure projects that the Vue team is working on. Some are working right now and can add some value to or help with your Vue projects. Some are still in the works but promise to be quite useful once they’re complete.

Why You Need Test Coverage, But Shouldn’t Trust It

Why You Need Test Coverage, But Shouldn’t Trust It talks about what test coverage is, how you can add test coverage to your unit tests, why it’s useful, and finally why - due to the way it works - it may be giving you a false sense that your tests are more complete than they truly are.

How To Make A Drag-and-Drop File Uploader With Vanilla JavaScript

How To Make A Drag-and-Drop File Uploader With Vanilla JavaScript is a tutorial on exactly what it says it is. Without using a single library or framework, we learn how to build a drag-and-drop file uploader. We also cover how to use fallbacks for older or less capable browsers while also exploring some extra features that can be added to the uploader to enhance the user experience.

Conclusion

That’s all for now, though six articles is plenty of homework for you, so I hope you don’t feel gypped. If there’s something you’d like me to write about, whether it’s directly on this blog or on a different blog, leave me a comment below! God bless and happy coding!