Techformist

Create a simple app using Vue from CDN

📅 May 27, 2020 · 📝 Oct 6, 2020 · ☕ 10 min read

I had to work on a MVP where there were specific instructions to use Vue directly from a CDN. The Vue build available in this way is also called UMD (Universal Module Definition) build since you can use Vue from anywhere and the project does not need specific setup to build and package your code.

Using Vue Plugins in Quasar

📅 May 22, 2020 · ☕ 2 min read

Here’s a quick way to use Vue plugins in Quasar. Use Case: Frappe Charts in Vue Let’s consider a simple use case for using Vue plugins - we want to use Frappe charts. We can simply use vue2-frappe to easily do that. Just install the package in your project -

Create Boot Plugin in Quasar

📅 May 20, 2020 · 📝 May 22, 2020 · ☕ 4 min read

Quasar CLI structures project differently as compared to a standard Vue CLI app. As a result, you cannot just follow examples on the Internets blindly and use Vue.use(), or start changing code in main.js. There are, however, great ways of addressing the same problems with slightly different solutions. Enter boot files.

Convert XML to JSON in Node

📅 May 13, 2020 · ☕ 4 min read

Here’s a quick demo of how you can convert XML to JSON in NodeJS. Problem You are given a slew of XML files and you have to convert them to JSON. But why JSON? It takes lesser space Faster and easier to work with What are we dealing with here?

Access Vuex Store in a Quasar App

📅 May 6, 2020 · 📝 May 22, 2020 · ☕ 4 min read

Quasar is great. But, it is also a bit different when it comes to accessing the Vuex store from your code. Why is Quasar any different? “Is it not just Vue?” Well, yes. But.. the project structure created by Quasar CLI differs from a “normal” that by Vue CLI. Quasar CLI builds on top of Vue as well but may not follow similar practices to other frameworks / libraries using Vue.

The Developer Tools I Use (2021 Edition)

📅 Apr 29, 2020 · 📝 Jun 9, 2020 · ☕ 6 min read

Here are the list of tools that I use in my developer life 🔥🔥. Almost all of the tools are free, or reasonably priced. We live in exciting times - a developer in a “developing country” can do business globally by using the most amazing tools that humankind has produced.

Learn FeathersJS by Building a Simple CRM - Client App

📅 Apr 22, 2020 · 📝 Jun 9, 2020 · ☕ 15 min read

Here we see how to build a real-world client application for your FeathersJS backend. We will use Vue + Feathers-Vuex and quickly create the frontend app. Building the Client Application Previously you saw how we could use Feathers to quickly build a backend application. The beauty of feathers is not only that it is quick to build, but it is also universal.

Simple VueJS Starter Template

📅 Apr 15, 2020 · 📝 Jun 9, 2020 · ☕ 4 min read

VueJS booster template is a boilerplate that has simple features that make it really easy to start new projects. Vue CLI makes starting a Vue project simple - vue create demo This sets up everything that you need to start - but just so. There are more than few things missing for a functioning/easy-to-use project :)

Learn FeathersJS by Building a Simple CRM App

📅 Apr 8, 2020 · 📝 Jun 9, 2020 · ☕ 17 min read

We have previously seen a simple todo app using FeathersJS(and NeDB). Feathers makes it really easy to develop an API or a real-time app by providing a super-powered baseline that can be extended quickly to create a useful app. However, the example provided earlier does not provide a set of features anywhere near the real-world experience.

Starter Template for AdonisJS

📅 Apr 1, 2020 · 📝 Apr 30, 2020 · ☕ 3 min read

I have used AdonisJS in and out of projects in the last year. Despite it’s smaller community and not-so-regular enhancements, it remains one of my favourite NodeJS frameworks. I recommend AdonisJS for hobby and production projects in full confidence :) I typically use AdonisJS for back-end, which has me start with -

Fastode Server Framework

📅 Mar 25, 2020 · 📝 Apr 30, 2020 · ☕ 2 min read

Fastode is an experimental boilerplate / framework based on Fastify. Why another boilerplate? Well, I just wanted to experiment with technologies to create MVP products. Although I have used NestJS, AdonisJS and friends before, those frameworks, while being great, bring their structure and overhead to any project. I wanted to check how difficult or easy it is to just start with a bunch of basic features and leave everything else to the project.

Quasar Dev Stuck Without Errors

📅 Mar 11, 2020 · 📝 May 7, 2020 · ☕ 2 min read

Do you see quasar dev stuck but no errors reported anywhere? The fix was quite easy - only the way to get to the fix was frustrating. I faced this issue in a medium-sized project that I was playing around with. I was stupid enough to change a few lines in multiple components, and lo and behold - I don’t see the changes being compiled.

Numerous Ways to a Vuex Store

📅 Mar 4, 2020 · 📝 May 6, 2020 · ☕ 4 min read

Vue is great and Vuex makes it greater. But, how do you use them stores? Vuex: You exy thing Vuex makes it a breeze to handle states, mutations and actions in Vue. All I need to do is follow a couple of steps. Step 1: Select Vuex as an option when you create the Vue application (or, you can always add it later)