• Creating an accessible web app in 5 simple steps

    Often accessibility is left as an after-thought. When it is time to ship a feature, we do an accessibility test and find out that our site wasn't accessible and do a hacky fix. In this post, I will go over 5 things you can keep in mind while building your app so you don't have to do a hacky slap at the end.

    October 27, 2022

  • Stuff to install when setting up a new computer from an existing computer

    Damn! Getting a computer setup is so time consuming! If only there was a list to know everything that I need to setup my dev environment. Now here is the list for my future self. Probably should convert this to a bash script.

    Oct 1, 2022

  • What I learnt at Reactathon

    Last week I had the pleasure of attending and speaking at Reactathon 2022 in Berkeley. Here is a recap of what I learnt at Reactathon 2022.

    May 12, 2022

  • How to stay motivated as a developer and stop procrastinating.

    Do you ever find it difficult to work on your project, your side hustle, or even your hobby? In this article, I want to discuss what to do when you feel you have no motivation to do anything, or can not collect yourself to focus on your task at hand.

    April 27, 2022

  • React 18 Quick Guide & Core Concepts Explained

    React 18 sets the foundation for concurrent rendering APIs that future React features will be built on top of. This release focuses on performance improvements and updating the rendering engine.

    April 6, 2022

  • What is GraphQL?

    In technical terms, a GraphQL is a query language - a syntax for querying for data from any data source - be it an API or database. GraphQL is an alternative to REST APIs and provides a new way of asking for data. GraphQL lets you specify what data fields you need, and delivers exactly those fields. GraphQL specification defines the set of rules for implementing a GraphQL API.

    July 1, 2021

  • What's new in React 18?

    Let's take a look at the major updates of React 18

    June 16, 2021

  • Becoming a front end web developer in 2021

    In this article, I will dive into the resources, a proposed plan of getting started, and a list of resources to help you learn to become a web developer. This plan is going to be focused on getting you a job, and therefore project-heavy.

    April 27, 2021

  • Useful free and paid resources for web developers to stay updated in 2021

    There's tons of resources out there to learn from. Here are some of my favourite free resources

    April 13, 2021

  • 7 tips on how to deal with imposter syndrome and how to prepare for it

    If you have been feeling like this, you are not alone. 70% of the population feels the imposter phenomenon - feeling of anxiety, fear of failure and dissatisfaction with life.

    Feb 8, 2021

  • JavaScript Form Validation – How to Check User Input on HTML Forms with JS Example Code

    We need form validation anytime we are accepting a user input. We must ensure that the data entered is in correct format, lies within a valid range of data (such as for date fields) and does not contain malicious code that could lead to SQL injections. Malformed or missing data can also causes erroneous results from API.

    January 20, 2021

  • JSByte - JavaScript optional chaining `?.` - how does it work and when to use?

    Optional chaining in javascript is a new feature introduced in ES2020. Optional chaining changes the way properties are accessed from deeply nested objects. It fixes the problem of having to do multiple null checks when accessing long chain of object properties in javascript.

    August 26, 2020

  • JSByte – JavaScript Array Slice vs Splice - the Difference Explained with Cake

    This could be translated to - `how to not get confused between splice and slice` because, I can never remember the difference between the two. So I am hoping this trick will help me and you in the future.

    August 12, 2020

  • JavaScript URL Encode Example – How to Use encodeURIcomponent() and encodeURI()

    You might think that encodeURI and encodeURIComponent do the same thing, at least from their names. And you might be confused which one to use and when. In this article, I will demystify the difference between encodeURI and encodeURIComponent.

    August 5, 2020

  • Access-Control-Allow-Origin header explained- What is it used for and how to use it?

    Access-Control-Allow-Origin is a CORS header. CORS is a mechanism for browsers to let a site running at origin A to request resources from origin B. Origin is not just the hostname, but a combination of port, hostname and scheme.

    July 20, 2020

  • JSByte - How to use fetch API to make AJAX requests in JavaScript?

    Fetch is an interface for making an AJAX request in JavaScript. It is implemented widely by modern browsers and is used for calling an API.

    June 26, 2020

  • JSByte - How to check falsy values with null or undefined in JavaScript

    An important rule of checking type with null or undefined is that in the equality equation above, the result will be true only if both sides are either null or undefined.

    June 16, 2020

  • JSByte - JavaScript Event handlers

    Common event handlers and their usage.

    June 11, 2020

  • JSByte - How to handle events in JavaScript

    Events are actions that happen when a user interacts with the page. The browser notifies the system that something has happened, and it needs to be handled. It gets handled by registering a function, called `event handler`, that listens for a particular type of event.

    June 11, 2020

  • JsByte - DOM layout - How to get the width and height of DOM elements.

    June 8, 2020

  • Type conversion in JavaScript

    JavaScript will perform type coercion - convert types to match each other, for these operations. It will try to make sense of the operands, try to convert them to string or number, and when something doesn't seem intuitive to convert to number, such as `five`, it gives back `NaN`.

    June 1, 2020

  • Getting started with GraphQL

    GraphQL is essentially a query language for your API. It is a way of asking for data from API. It offers a flexible way of asking for data, and you can get as much or as little data as you need.

    Apr 20, 2020

  • Things I learnt while making mistakes with Tailwind

    Nov 20, 1980

Get latest blog articles in your inbox.

I will not spam. I will not sell your data. Ever.

All rights reserved.