NextJS 13 is a good step forward
· ☕ 8 min read
I am quite excited about the possibilities offered by NextJS 13. Announced in Oct ‘22, the most popular JavaScript framework has set fantastic standards for rest of the world. I particularly liked the below features - React Server Components that makes life simpler, but the coding process is much more efficient The new directory structure that simplifies routes.

Reactivity for Arrays & Objects in Vue vs. Svelte
· ☕ 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
· ☕ 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
· ☕ 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
· ☕ 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
· ☕ 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
· ☕ 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
· ☕ 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
· ☕ 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
· ☕ 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
· ☕ 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
· ☕ 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
· ☕ 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).