Javascript

I have tried to put together a video tutorial series on YouTube. Please support by subscribing to my YouTube and leaving your feedback on the videos.

Debugging is important in programming. There are debugging tools available for different languages one can use to help debug their code. Luckily if you are writing javascript to run in a browser, all major browser’s come with a built-in debugger tool. I have created a youtube video where I walk through Google Chrome’s debugger tool.

If you have added a push notification feature on your PWA. You might have stumbled upon one problem. Identifying subscription records How do I identify the subscription so that I can later notify it? The easiest way is to add a user’s ID field to it and save it in your database. For example: Max […]

DEMO: https://df2y4.csb.app/ GitHub: https://github.com/dejavu1987/react-svg-clock This blog post is an exercise from my previous blog post Introduction to Polar Coordinates, plotting on radial diagrams. If you have not read the post and have no idea how radial coordinates work. Please go to the post and read and come back. If you are confident, lets go build […]

Here is the demo of Minesweeper game I built using ReactJs. http://react-minesweeper.anilmaharjan.com.np/ I will be creating a step-by-step guide on, all the possible challenges, (hard parts) and the way I approached them. These are just one of the ways we can approach these problems. I appreciate your feedback and PR with suggestions and improvements. The […]

Hello internet, I decided to write this up after presenting a talk about it to my colleagues at Inviqa recently. I will try to walk you through this mindblowing journey of modeling your data from scratch to building a graphQl API, to consuming the API and then serving it in a ReactJs app.

I have recently written a vanilla javaScript library to visualize Radar diagrams. It is open source and you are free to use it and contribute. The library itself can be found in NPM https://www.npmjs.com/package/radar-diagram run npm install radar-diagram or yarn add radar-diagram in you project to add it to your dependencies. The demo radar can […]

Comfey is a tiny data binding and state management library inspired by React hook useState. https://www.npmjs.com/package/comfey

Please avoid using ReactMD v1 with GatsbyJs, since ReactMD 2 is out with full rewrite, that could be an option if you want to stick with ReactMD. I had started to port this blog from WordPress to Gatsby and I had used React-MD ‘s Gatsby starter to start with the project. Because of issues in […]

Why TypeScript? TypeScript allows you to add static typing to your javascript, which adds a possibility to type check on your code during compile time. Even better your IDE itself will be able to tell you if there are any issues with your data types, etc in realtime. Additionally, it can be used by your […]

Inviqa Engineering CoP 22.10.2020
Machine Learning on your Browser.

It’s all those tiny little details that makes you happy while writing javaScript code after ES6 came for a rescue. Following list contains the features from ES6 that I use mostly and has made my life easier when writing my JavaScript code. Template Literals Arrow functions Spread operators Classes Modules Default params Promises Object.entries() Object[key]

Array.reduce() function in javascript is one of the most interesting functions, but it may be tricky if you haven’t worked with it on an array of objects.

Arrows: a => a*2; See the Pen rVwawJ by Anil Maharjan (@dejavu1987) on CodePen. When transpiled to ECMAScript 5 (function (a) { return a * 2; }); See the Pen waeBrW by Anil Maharjan (@dejavu1987) on CodePen.  

  $scope.$watch(‘objectOrArray’,function(newVal, oldVal){ // Do Something },true);  

Here is a tutorial about creating  pages with specific height and width out of a very long text to give a microsoft word or other document editor type look using javascript and jQuery. 

Using gradient stops and transparency we can fill circle partially in svg. Doing this dynamically using data may be great visualization tool. We will use d3 to do this.

Here is how to tutorial on creating filled circle to visualize data using svg and tiny bit of javascript.

How to get index (offset) of the array of objects when value of a property of its element object is known?