Open in app

Sign In

Write

Sign In

Narendra Sisodiya
Narendra Sisodiya

685 Followers

Home

About

Pinned

Frontend 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…

JavaScript

6 min read

Frontend Pattern — Atomic Business Components (ABC)
Frontend Pattern — Atomic Business Components (ABC)
JavaScript

6 min read


Feb 7

Dear WhatsApp — I am an Admin and not Spammer

I 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 read

Dear WhatsApp — I am an Admin and not Spammer
Dear WhatsApp — I am an Admin and not Spammer

4 min read


Aug 1, 2021

Beep 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 read

1 min read


Jul 31, 2021

Beware 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 read

Beware before you click the “Save” button on your Google Photos.
Beware before you click the “Save” button on your Google Photos.

3 min read


Oct 23, 2020

Why 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 read

1 min read


Sep 30, 2020

How to fix node version in a Web-App

How 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.

Node

1 min read

How to fix node version in a Web-App
How to fix node version in a Web-App
Node

1 min read


May 9, 2020

Why 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 Development

2 min read

Why your frontend repo is private?
Why your frontend repo is private?
Front End Development

2 min read


Apr 25, 2020

Internationalization of React App using Google Sheet and react-i18n

Google 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…

JavaScript

4 min read

Internationalization of React App using Google Sheet and react-i18n
Internationalization of React App using Google Sheet and react-i18n
JavaScript

4 min read


Aug 24, 2019

Reduce size in Ant Design Bundle Size

Wrong-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';

JavaScript

1 min read

JavaScript

1 min read


Jun 6, 2019

Please fix the Indian Train Problem

We 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…

Travel

4 min read

Please fix the Indian Train Problem
Please fix the Indian Train Problem
Travel

4 min read

Narendra Sisodiya

Narendra Sisodiya

685 Followers

15+yrs exp. IITian and Techie. Love Nodejs. Entrepreneur and Startup Guy. https://www.linkedin.com/in/narendra-sisodiya/

Following
  • Swarnendu De

    Swarnendu De

  • Shinichi Okada

    Shinichi Okada

  • Chris Messina

    Chris Messina

  • Jonathan Stark

    Jonathan Stark

  • Avinash Raghava

    Avinash Raghava

See all (2,488)

Help

Status

Writers

Blog

Careers

Privacy

Terms

About

Text to speech