• 6 Steps to Setting Smart Goals that you will actually achieve.

    Setting your goals can be a daunting task. Whether you have already set your goals for the year or have yet to do so, this guide will provide you with the tools and resources you need to set goals that truly matter to you and help you to achieve them.

    January 30, 2023

  • 2022 - The Year in Review

    As we say goodbye to 2022, let's take this as an opportunity to reflect on the past 12 months. For me personally, this has been a year of great professional growth, exploring new ventures, taking a break from my side-hustle and spending beautiful moments with friends and family.

    December 31, 2022

  • 5 things to remember when building an app to make it accessible.

    Accessibility is often overlooked during the development process. This can lead to the need for quick, hacky fixes just before a feature is shipped. In this post, we'll discuss 5 things to consider while building your app to avoid these last-minute accessibility issues.

    December 14, 2022

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

    Setting up a new computer for development can be a time-consuming process. Here's a list of everything you need to get your dev environment up and running

    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.