A few months ago, I was working on a project where I was asked to make use of gRPC to fetch some data. For me, it was the first time I heard about this term gRPC.

When in doubt, google !

I reached out to few folks but didn’t get much help. I Googled about gRPC implementation in Node.js but was not able to find the right source with detailed implementation.

After a lot of research and with few resources available online, at last, I was able to finish my job.

In this article, I will share the details of how you can set up…

SEO Doctor

SEO is the backbone of any website. It makes the web page more visible for search engines, which means more traffic and more opportunities to convert prospects into customers.
At Tokopedia, our frontend engineering team has built multiple in-house tools to cater to our custom requirements.

In this blog, I will share how we created one such tool that is helping Tokopedia boost SEO performance. We call this tool SEO Doctor, a tool to monitor SEO health.

Elements of SEO Doctor

1. Meta Report

Tokopedia has multiple pages like home, category, find. We have around 3000+ categories, every page has different metadata, and it is tough to…

Tokopedia is an Indonesian technology company with a mission to democratize e-commerce through technology. It is one of the largest e-commerce platforms in Indonesia.

Tokopedia has various verticals where users can buy physical, digital & fintech products. We have a desktop as well as a mobile site, where most of the traffic comes on the mobile web.
A lot of users visiting the mobile site have low-end phones with 3G network quality, for the best user experience, our Tokopedia Engineering invests heavily on web performance.

The problem at hand

The sale is a core part of any e-commerce. Since 2018, Tokopedia has been doing…

JavaScript is a single-threaded language, to perform large computation & operations, the preference will be multi-threading.

We can achieve multi-threading in JavaScript with the help of HTML Web Workers API.

A web worker is a JavaScript that runs in the background, independently of other scripts. To know more about web workers please read here

How did it start?

Back in 2015, I was working on a product, the tech stack I used was React & Flux.

The product requirement was to create a dashboard having multiple charts to plot different sets of data. …

A React testing library tutorial — with examples!

Unit testing is the backbone of a web application, and in this article, I will share some examples of writing unit test cases with react-testing-library and help other developers to write test cases for their web app.

RTL focuses mainly on testing user experience, how your software will behave with the user. Also, the react team recommends using the react-testing-library to simulate user behavior in your tests.

Setup is very simple.


Add a script in your package.json

As a web, developer, we all are quite familiar with developer tools and if you are a fan of google chrome you might have used a chrome dev tool for debugging or some other stuff.

Today I am going to cover some of the witty areas of developer tools and how you can use to check your site behaviors.

Let’s get started, open google chrome, open developer tools, you can see a three dot on the right side of your dev tool.
Open it and hover on More tools option

You can see in the image above we have multiple…


This article will focus on one of the important concepts of web page redirection and why 301 is important and also we will cover how we can make use of react to help us with the redirection.

What is 301?

A 301 redirect is a way of sending website visitors to a new URL. 301 is the HTTP response status code.
To know more about 301 you can check here.

Why 301 is important?

Let's understand this with a basic example.
Suppose we have a page www.mysite.com/hello-worldand we have created a similar page www.mysite.com/hello-world-new exactly with the same content.
We would…

Many a time when we audit our site, we get suggestions to minimize main thread work.

Reducing the main thread work can help you achieve better performance for your web apps.

In this article, we will try to look out for different approaches on how to minimize the main thread work by making some tweaks in the react component.

If you don't know what is the main thread you can easily look here

Let’s get started

We will create a component where we display team size, list of team members, and team name.

Aatif Bandey

Software Engineer | Web enthusiast | Love road trips ❤

Get the Medium app

A button that says 'Download on the App Store', and if clicked it will lead you to the iOS App store
A button that says 'Get it on, Google Play', and if clicked it will lead you to the Google Play store