React router is one of the most used router in the React community. It allows us to write `Routes` in nested forms. Routes are nothing but React components. Nested Routes have advantages when we want to show sub parts of pages based on conditions. …

Do you ever has the need to preview `pdf` on web ?. It’s so common but still draws every ounce of energy from a developer to make it work properly on every device. Why it has to be so hard ? My Attempts 1. Just open the pdf in the new tab…

Photo from https://unsplash.com/@proxyclick QrCode is a common way of sharing information without getting into long URLs. Most common of them which everybody must have used are how we make payments todays. Payment infrastructures like GPay, UPI, PAYtm, PapPal e.t.c , all make use of QRCode scanning for easy payment process…

Photos by hannah joshua TLDR: Shebangs lines are added on top of command-line files. The line tells the system which executable has to be used to run the current file. The shebang line looks something like this: #!/usr/bin/env node The above line means: Execute with a node interpreter, using the program…

My experience with React hooks have been amazing. In this article, I will precisely talk on one of the most prominent hooks that we use on a daily basis which is useEffect. I am assuming the readers coming to this article has good understanding on useEffect. …

What if I have to control the react components from non-react codebases ? Let me re-phrase it with some concrete scenario. What if I need to open a react modal from non-react codebase like utils functions, fetch wrapper e.t.c This is such a common use case. We want to show…

A beautiful afternoon, working on regular stuff. Everything was going smoothly. Then a notification pops up on my screen saying `Hi` who’s that? Found out it was our DevOps Architect. I replied `Hi`. I thought he pinged me for some regular build related query. We will be calling Our DevOps…

Well, here I am explaining the pattern in React hooks. Who am I ? No body !! Don’t be mad because this is opinionated. Things which worked for me and the people around me. That’s it. First let’s take a step back, and understand what changed with react hooks. Well…