PinnedFrontend Pattern — Atomic Business Components (ABC)In this article, we are going to explore a pattern for frontend scalability. we are also going to explore the pros and cons of the ABC pattern. Atomic Business Component Reusable UI components can be shared across apps and they don’t carry any business logic them. But business UI components have business logic…JavaScript6 min readJavaScript6 min read
Feb 7Dear WhatsApp — I am an Admin and not SpammerI am the admin of the Startup Community where 1000+ members are present. I am also an IITian with 15+ yrs of experience. I manage a large community of entrepreneurs and developers. But In 24 hours, Whatsapp blocked me and unblocked me 3 times. Here is the story of the…4 min read4 min read
Aug 1, 2021Beep Alert when Battery is below 10% — MacOS.My MacBook shut down most of the time because I am working and lazy to put the charger in. It shows a notification at 10% battery but I usually forget. How about a irritating Beep sound which start when battery is below 10% Beep Save the following script somewhere — You…1 min read1 min read
Jul 31, 2021Beware before you click the “Save” button on your Google Photos.Ok, I did some experiments around large video files and Google Photos and Family sharing. Before we start this experiment, let me tell you the initial state. We have 3 people (me, wife, and kid). We have 100 GB. So, right now, it shows — Total Approx 74GB used Upload 2.4 GB Video file Now…3 min read3 min read
Oct 23, 2020Why Server must not trust the client.Well, why we need to reason for this simple statement and write a 2-page article on this? It is just simple common sense. Client code (even which we wrote) will be executed on the client machine. we don’t have control over machines and the network. Even if we make UI checks and hide stuff on UI, anybody else can still make an API call with any value. Never trust client UI We must do validations on the server-side at 1st priority and client-side validations at 2nd priority.1 min read1 min read
Sep 30, 2020How to fix node version in a Web-AppHow we can fix not version so that developer, CI/CD, production, everybody uses the same node version? Step 1 — Add nodeVersionLock in package.json we need to add preinstall and prestart scripts too. Step 2 — Throw errors when undesired node-version found. Step 3— AutoUpdate of Dockerfile & GitbHub YML This step is optional and custom. it depends on your setup. This is an example of my setup where I am calling the above script using pre-commit hooks.Node1 min readNode1 min read
May 9, 2020Why your frontend repo is private?Ok, Let me ask this very brave question. Why in 2020, the pure frontend code repo is still private? In my opinion, there are no such benefits by keeping frontend code repo in private walls. 1. The output is already public we generate the build/dist folder by webpack or similar tools. this is the end result…Front End Development2 min readFront End Development2 min read
Apr 25, 2020Internationalization of React App using Google Sheet and react-i18nGoogle sheet can be used as an excellent tool for internationalization in React App. It sounds strange but let me explain. for Internationalisation, we need to maintain a big JSON file that holds the lang-keys and its translations. call it, langData.json. generally, langData.json is part of code repo and every…JavaScript4 min readJavaScript4 min read
Aug 24, 2019Reduce size in Ant Design Bundle SizeWrong-Way import { Button, DatePicker, message, Alert } from 'antd'; — Right Way import Button from 'antd/es/button'; import Alert from 'antd/es/alert'; import DatePicker from 'antd/es/date-picker'; import message from 'antd/es/message';JavaScript1 min readJavaScript1 min read
Jun 6, 2019Please fix the Indian Train ProblemWe Indians are very much frustrated with IRCTC. Here are a few suggestions. 1. Remove AC1 and AC2 compartments Take a look at Mumbai Rajdhani AC1 has 22 seats = 22x4730 = 1,04,060 AC2 has 54 seats = 54x2835 =1,53,090 AC3 has 64 seats = 72x2040 =1,46,880 You can clearly see that, AC3 can pack 3…Travel4 min readTravel4 min read
