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
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
August 26, 2020
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
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
June 26, 2020
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
Common event handlers and their usage.
June 11, 2020
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
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