Joshua Bemenderfer

Joshua Bemenderfer

From the US, Joshua grew up homeschooled in China. Gaining most of his professional experience through volunteer work in the Open Source community, he’s become experienced in a wide range of cutting-edge web development skills. His current stack of choice is the self-named NERV stack: Node, Express, RethinkDB, and Vue.js.

Joshua's Posts

Improve Vue.js Accessibility with vue-announcer

Make your Vue.js SPA's more accessible by informing screen readers of route changes, state changes, and notifications with vue-announcer.

Lightweight Charts in Vue.js with vue2-frappe

At some point in their career, every web developer has to do something with charts. Here's a simple way to get powerful SVG charts (courtesy of Frappe Charts) working with Vue.js.

Tame the Vuex Beast with vuex-pathify

Sure, if you think about it long enough, Vuex makes plenty of sense, but sometimes it still seems like too much boilerplate. Let vuex-pathify simplify things for you.

Write Element-Based Responsive Components in Vue.js

Media queries are neat, but they apply based on the width of the whole page. Learn how to make your Vue.js components react to changes in their own size with vue-responsive-components.

Linting TypeScript Vue.js Components with Wotan

It can be rather difficult to lint Vue single-file components that use TypeScript, but it doesn't have to be. Enter wotan, here to solve your linting woes!

An Introduction to VuePress

Want a quick, SEO-friendly static documentation website with Vue.js support? Look no further than VuePress.

Displaying Content Placeholders in Vue.js with vue-content-loader

All fancy modern apps have to load data at some point. Why display a boring loading circle when you could show a content-shaped placeholder instead?

CSS Tip: Multicolor & Cutout Drop Shadows

Box shadows are boring. They can only display one color. Bump things up a notch by using a pseudo-element and the CSS blur filter instead!

CSS Tip: Performant Box-Shadow Transitions

Box-shadow transitions are all the rage. The only problem is, they're slow. Here's a way to speed things up a bit.

Guide Users Through Your Vue.js App with vue-tour

Want to show users how to, well, use your Vue.js app? Look no further than our guide to vue-tour. (Unless you want to.)

Formatting Vue.js Code with ESLint & Prettier

Great news, everyone who loves well-formatted code! Prettier now works with Vue.js and ESLint! Want to learn how? Take a look!

Showing Loading & Error States with Vue.js Async Components

Wondering how to show when an async components is loading or has failed to load? Follow our quick guide.

Vue.js JWT Patterns

Can't quite decide on how to store and access JWTs in your Vue.js app? Here are some ideas.

Vue.js SEO Tips

Not quite sure what steps you should take to optimize your Vue.js apps and sites for search engines? Take a look at our list here.

Native Mobile Apps with Vue.js and NativeScript: Getting Started

Want to develop native mobile apps with Vue.js? Weex not working for you? Try NativeScript!

Native Mobile Apps with Vue.js and Weex: Getting Started

Developing native mobile apps with Vue.js is still fairly new, but it's there. Come take a look with us!

Controlling the HTML5 Canvas with Vue.js

You can use Vue.js for more than the DOM, it just takes a bit of creativity. Here we'll take a look at how to use Vue.js with HTML5 canvas.

Building Vue.js Apps with Parcel

Do you have a soft spot for zero-config module bundlers? Tired of configuring webpack? Take a look here at how to build your Vue.js apps with ParcelJS instead!

Integrating Algolia InstantSearch with Vue.js

Add super-fast hosted searching with Algolia InstantSearch to your Vue.js app.

Updating Page Title & Metadata with Vue.js & vue-router

Learn how to update your Vue SPA's title and metadata with vue-router and some custom-written glue.

Using Apollo / GraphQL with Vue.js

Integrate GraphQL & Apollo into your Vue sites, apps, and components with our simple guide.

Linting Vue.js Components with eslint-plugin-vue

Learn to lint your Vue components painlessly with eslint-plugin-vue.

Handle Global Events in Vue.js

Respond to global events, such as keypress, contextmenu, focus events, and application shortcuts in Vue.js apps.

Super-Easy Property Tweening in Vue.js

Simplify tweening of numeric component properties with vue-mixin-tween.

PSA: Proper Form Handling in Vue.js

Little public service announcement to learn how to handle form data *the right way* when using Vue.js.

Easy Peasy Toast Notifications in Vue.js with vue-snotify

Toast notifications are a pain to get right. Let vue-snotify take the pain out of adding them to your Vue.js app for you!

Create Heatmaps in Vue with vue-heatmapjs

Marketing asking for heatmaps again? Satisfy their cravings for user interaction data with vue-heatmapjs.

Upgrading to Vue.js 2.5

Learn about the latest changes and additions in Vue.js 2.5 and how they affect you.

Demistifying Vue's Webpack Config

Understand how Webpack is used to build Vue apps by walking through a basic config file for Vue.

Implementing Client-Side Search with Vue.js

Learn how to use Vue.js computed properties to add fast and easy client-side search to your apps.

Integrate Web Components with Your Vue.js App

Fun fact, you can use Web Components in Vue.js apps just like any other component! Take a look!

Easy Online / Offline Detection with Vue.js & v-offline

Render different parts of your Vue.js app depending on device connectivity status with v-offline.

Hassle-free Spinners with Vue.js

Sometimes you just want spinners in your apps without much effort. Try vue-spinner-component.

Understanding Vue.js Transitions

Wrap your head around the powerful but somewhat confusing transition capabilities of Vue.js.

Writing Abstract Components with Vue.js

Add extra capabilities to your real Vue.js components with abstract components.

Painlessly Lazy-Load Images In Vue.js with vue-clazy-load

Here's how to use vue-clazy-load to easily implement image lazy loading in your Vue components!

Simplify Common Vue.js Computed Properties with vue-computed-helpers

Find yourself writing variants of the same Vue.js computed properties all the time? Use vue-computed-helpers to handle them instead!

Persist Vuex State with vuex-persist

Save your Vuex state to localStorage, sessionStorage, cookies, and more with vuex-persist.

Prerender Vue.js Apps with prerender-spa-plugin v3

Render your Vue.js app to static pages at build-time with prerender-spa-plugin v3.

Use Vue.js Template Niceties in JSX Components

Always wanted to use JSX in your Vue components, but couldn't handle the verbosity? Try adding these simple Babel transforms to take care of that for you.

Upgrading to Vue.js 2.4

Learn about the latest changes and additions in Vue.js 2.4 and how they affect you.

Swappable Dynamic Components in Vue.js

Occasionally you may find that you need to switch between components at the same location arbitrarily. Vue.js' dynamic components make this a cinch.

Using Filters to Format Data in Vue.js

Sometimes the way data comes in isn't the way you want to display it on the way out. Never fear, Vue.js filters are here!

Render Raw HTML In Your Vue Apps

Perhaps, for some reason you need to render raw HTML in your Vue components. Never fear: v-html is here.

No-Nonsense Monetary Inputs in Vue.js with v-money

Quickly add support for monetary inputs in your Vue.js app by using v-money.

Hide SSR-Incapable Vue Components with vue-no-ssr

Some Vue.js components just simply can't be rendered from the server. Keep from rendering them during SSR to avoid unexpected errors by using vue-no-ssr.

Add Material Ripples to Your Vue.js Components

Some people like material ripples. Add them to your Vue.js components with vue-ripple-directive.

Document Your Vue.js Components with Propdoc

Quickly generate and render documentation for your components straight from the component definition!

Control DOM Outside Your Vue.js App with portal-vue

Render components outside of your Vue.js app component easily and simply with portal-vue.

Examining Content Placeholder Strategies with Vue.js

Learn a few different methods for adding content placeholders to your Vue.js app.

Use Web Workers with Ease in Vue.js with vue-worker

Implement Web Workers in your app without all the fuss using vue-worker!

Handle the EU Cookie Law in Vue.js with vue-cookie-law

Inform users of cookies on your Vue.js site in a no-nonsense way using vue-cookie-law!

Speed Up Scroll Events with Passive Event Listeners

Improve your site's scrolling and touch performance by using passive event listeners for events.

Create a Reactive Data Pipeline with Vue.js

Use Vue.js for something other than its intended purpose. Building reactive data pipelines!

How to Customize Vue Webpack Loaders

Add or change built-in language loaders with Vue and Webpack 2.

Handle Touch Events in Vue.js with vue-touch

Make your app more mobile friendly by handling touch and gesture events properly.

Upgrading to Vue.js 2.3

Learn about the latest changes and additions in Vue.js 2.3 and how they affect you.

Copying Text with vue-clipboard2

Copying text in a web app is oddly difficult. Do it simply using Vue.js with vue-clipboard2!

Create a Terminal Program with Vue.js and blessed-vue

Tired of using Vue to write web apps? Try writing command-line apps with it instead!

Vue.js Component Communication Patterns

Understand and learn utilize common Vue.js inter-component communication patterns.

Draggable Components in Vue.js with Vue.Draggable

Use Vue.Draggable to create sortable lists of arbitrary components in Vue.js

Simple Custom File Selector with Vue.js

Write a nice-looking functional file selection button with Vue.js in less than 50 LoC.

Progressive Image Loading in Vue.js

A quick introduction to the progressive-image library for Vue.

Using the Vue.js Devtools

Supercharge your Vue.js debugging capabilities with the Vue.js Devtools extension.

Pure-CSS Parallax Scrolling Effect

Leave slow, bloated JavaScript-based parallax behind with this simple pure-CSS approach for a parallax effect.

Vue.js Firebase Integration with VueFire

Use Firebase painlessly in your Vue.js app with VueFire.

Using Bootstrap 4 with Vue.js

Integrate Bootstrap 4 with Vue.js with Bootstrap Vue

Composing Vue.js Components

Learn how to compose an extend Vue.js components and how to create mixins to extend multiple components.

Common Vue.js Gotchas

Discover some common issues you might encounter working with Vue.js and understand how to work around them.

Introduction to Routing in Vue.js with Vue Router

A quick guide on how to implement routing in your Vue.js apps with Vue Router.

Writing Custom Vue.js Directives

Learn to create custom directives to modify your components.

Integrating Vue.js and

Integrate directly in your components with

Interpolating Values with Vue.js and Tween.js

Learn how to make fancy animated counters with Vue.js and Tween.js.

Adding Google Analytics to your Vue.js SPA

Deeply integrate your Vue application with Google Analytics using vue-ua.

Using SVG Icons in Vue.js

Learn how to use SVG Icons the simple way in your Vue.js app.

Lazy-loading Routes in Your Vue.js App

Load routed components on-demand with vue-router and webpack to improve bundle size.

Building Native Web Components with Vue.js

Learn how to build your Vue components as custom Web Component elements with vue-custom-element.

Basic Server Side Rendering with Vue.js and Express

Learn how to implement rudimentary server-side for your Vue.js apps.

Writing Vue.js Components with Flow

Integrate Flow with Vue.js for fast, easy, and fun typechecking.

Vue.js Custom Component Renderers

Discover how to use Vue components to render to targets other than the DOM.

End-to-End Testing Vue.js Apps with TestCafe

Get set up for end-to-end testing of your Vue.js application with TestCafe.

Vue.js Unit Testing with Karma and Mocha

Learn how to unit test your Vue.js components with Karma and Mocha.

Writing Class-Based Components with Vue.js and TypeScript

Use Angular-style class-based components in Vue with Typescript and vue-class-component.

Upgrading to Vue.js 2.2

Learn about the latest changes and additions in Vue.js 2.2 and how they affect you.

Roundup: Vue.js Mobile Hybrid App Frameworks - Updated Q4 2017

A comparison of several Vue.js frameworks available for hybrid or web-based mobile apps.

Roundup: Vue.js Desktop Web App Component Libraries - Updated Q4 2017

A comparison of the various desktop / web component libraries available for Vue.js.

Writing Vue.js Render Functions in JSX

Learn how to use JSX with Vue.js to write cleaner, easier to understand render functions.

Vue.js REST API Consumption with Axios

Consume REST APIs and make HTTP Requests in a quick and easy manner with Axios and Vue.js.

Introduction to Vue.js Render Functions

Learn how to implement raw Vue.js render functions to render more advanced components.

Model-based Form Validation with Vue.js and Vuelidate

Validate complex Vue.js forms through model-based form validation with Vuelidate.

Understanding Vue.js Lifecycle Hooks

Learn what Vue.js component lifecycle hooks do and how you can use them to perform various tasks.

Scoped Component Slots in Vue.js

Learn how to pass data from child components into parent slot content with Vue.js scoped slots.

Roundup: Vue.js State Management Libraries

A comparison of the various state management libraries available for use with Vue.js.

Understanding Component Slots with Vue.js

Learn to distribute parent content inside of your Vue.js components with slots.

Throttling and Debouncing Events with Vue.js and lodash

Reduce duplicated Vue.js 2 events by using lodash to throttle and debounce them.

Using Asynchronous Computed Properties in Vue.js

Supercharge your Vue.js computed properties by making them asynchronous.

Vue.js Property Validation

Supercharge your Vue.js component properties by using built-in validation and default types.

Template-Based Form Validation with Vue.js and vee-validate

Add simple, lightweight form validation to your Vue.js templates with vee-validate.

Intro to Component Props in Vue.js

Learn how to pass one-way reactive data with Vue component props.

Managing Vue.js State with Vuex

Learn how to use Vue and Vuex for effective Flux-style state management.

Understanding Vue.js Component Instancing

Explains how Vue.js makes partial instances of components in order to save memory, and how that affects you.

Adding v-model Support to Custom Vue.js Components

How to implement support for two-way-binding with v-model into your own custom components.

Integrating RxJS with Vue.js

How to integrate support for RxJS Observables into Vue.js components

Creating Custom Vue.js Plugins

A Guide on writing your own plugins for Vue.js. Here's we'll build a simple plugin that logs a message each time a component is added to the DOM.

Using v-model for Two-Way Binding in Vue.js

Learn how to implement two-way binding in Vue.js with v-model.

Creating a Global Event Bus with Vue.js

How to use Vue.js for application-wide event handling.

🕵 Search Results

🔎 Searching...