Techformist

Reactivity for Arrays & Objects in Vue vs. Svelte

📅 May 2, 2022 · 📝 Feb 5, 2022 · ☕ 3 min read

Coming from the Vue world, Reactivity in Svelte for anything more than simple strings feels.. a bit different. Vue has made me lazy when handling reactive arrays or objects. All I have to do with the older Object API is - 1 2 3 4 // nums: [1, 2] addToNum() { this.

Dotnet 6 is Refreshingly Simple

📅 Feb 7, 2022 · ☕ 3 min read

There are numerous things to love about the new .NET 6, but for me one key thing stands out - .NET now seems more approachable than ever! Take a straight-forward example. A new .NET Web API project would look like this - A startup.cs file with generated code A Program.

Teleport in VueJS

📅 Jan 20, 2021 · 📝 Jan 30, 2021 · ☕ 3 min read

Teleport is a new feature introduced in Vue 3. Teleport provides better control to developers on where exactly an element is rendered. Get Teleporting Let us create a new Vue 3 app to start playing around with teleport. We will use Vite, because it is 2021. 1 npm init @vitejs/app Provide a project name (teleport) and select vue as the template.

Create a Task Management App with ReactJS in 2021

📅 Jan 13, 2021 · 📝 Jan 23, 2021 · ☕ 13 min read

In this post let us see how we can easily build a task management app (which is totally & completely different from a todo app) using ReactJS. We will be using React Hooks, Chota CSS for styling and a lot of ES6+. We will not look at any centralised state management, or deal with a backend to store the tasks in this post.

Get Started on NextJS

📅 Jan 6, 2021 · 📝 Jan 23, 2021 · ☕ 12 min read

Welcome to 2021. For me this will be an exciting year when I embrace ReactJS and Svelte as friends. And, what better way to start with React than NextJS..? In this post, we will see why and how we can get started on NextJS, and a few good learning resources.

Create Reddit Reader Using Vue 3 & Vite

📅 Dec 30, 2020 · 📝 Jan 12, 2021 · ☕ 7 min read

Hello everyone! Hope you are all set for the new year. While you are waiting for the Y2020 to end with bated breath, here’s a post to kick start your Vue 3 journey. We will create a Reddit reader using Vue3 and Vite! This post is more useful for someone with basic knowledge of Vue and Vue 2.

Valuable Site of the Month (Dec '20) - Try Simple CSS Frameworks

📅 Dec 23, 2020 · 📝 Jan 1, 2021 · ☕ 2 min read

It is no secret that I am a fan of Vue and Vuetify / Quasar. While the styling libraries get stuff done real quick, I often do demo projects or throw-away sites that do not need the heavy hitters. While the project development may be quick and all they enjoy is a couple of hours of show-time, I cannot quite afford to show an app without some basic styling.

Build a Simple News App using Adonis v5

📅 Dec 16, 2020 · 📝 Jan 12, 2021 · ☕ 23 min read

AdonisJS has been my framework of choice to get stuff done quickly. The framework has taken a turn for the good with more frequent updates to its latest version - v5, which features Typescript, the same trusted MVC framework, and “everything & kitchen sink” approach that is quite effective to easily build apps.

Create a Blog With Express, Markdown and Postgres

📅 Dec 9, 2020 · 📝 Jan 12, 2021 · ☕ 22 min read

Express is like a dear friend who does not leave your side during happy or sad times in your life. She may not help you reach enlightenment, but she’s there and she’s super supportive. And, that’s all you need many a time. In this post we create a blog with ExpressJS and friends - oh how exciting.

Simplest Svelte App with API

📅 Nov 25, 2020 · 📝 Jan 23, 2021 · ☕ 1 min read

Svelte makes working with apps really simple. It brings the clarity of Vue but adds even more simplicity in the way components are created and used. For one of the demos I just wanted to showcase what the simplicity translates into for a simple website that shows “quote of the day” but also needs to provide a “SPA experience” - completely off the script.

Uploading Files in Vue Firestore App

📅 Nov 18, 2020 · 📝 Jan 12, 2021 · ☕ 4 min read

Firestore is a super easy way to configure your backend. Firestore provides a range of services anywhere from a database, user authentication, to using machine learning for many use-cases. One of the many things you do in a typical app is to enable users to store files. While some find it easier to store files in database (huh?

Hide Element from Print in HTML

📅 Nov 11, 2020 · 📝 Jan 12, 2021 · ☕ 2 min read

You have coded a beautiful page that has a few buttons, some text, a toolbar, a footer with the mandatory copyright statements, and so on. And now your users want to take the print out of the web page and ask you to include that feature. The first thing that comes to your mind is to just use the browser feature to print any web page (or to save as PDF).

Save div as Image in Vue

📅 Nov 4, 2020 · 📝 Jan 12, 2021 · ☕ 3 min read

We have previously seen how a div element can be saved to a file. In this post we will see how we can save div tag contents as an image in Vue. How do we print the div? Here are the steps at a high level - Draw contents of div to canvas.