Pankaj Patel articles - 34 total
Too many useState? Let's useReducer!
Modern Frontend is similar to good old web development, but with one catch: the page in the browser...
Can I use hover on Touch Devices?
Current web development is revolving around responsiveness when it comes to supporting multiple form...
Ways to convert String to Number in JS
Converting from one type to another (or simply called typecasting) is needed very frequently in any...
3 Must haves for Merge Requests for swift Code Review
One huge part of Code Collaboration is Merge Requests (MR). Here you can tell other members of the...
When NOT to choose Next.js
Next.js has been the talk of the town since its release. And, all I could hear was how awesome is...
TIL: cache-control is as inconsistent as it can get in different Browsers
Today a colleague started asking questions on cache-control and how to achieve consistent behaviour s...
Fixing WebpackChunkName for Dynamic Imports
Lazy Loading is a hot topic for optimization of the web application. I was trying to optimize the Re...
Gatsby or Next.js?
Hey all, Just wanted to know about what community thinks when choosing between Gatsby and NextJS? D...
🚦 Submitting a Form to different Actions in HTML5
For so long, I had believed that one Form can only be submitted to one Action URL without any JS. I...
Building Fast Forms in React with HTML5 & Validations
If you are making a web app, you will need to create Forms most of the time. Forms are notorious for...
Where do you initialize state in React Component?
Functional Components are super cool. Though, Classical components are still used & so is the con...
5 Tips for Component Based Development
Component-based Development has taken the FrontEnd Development by storm. And Components not being an...
Getting started with Eleventy (11ty)
JAMStack is Fast. Fast for Development and to deliver ultra Fast websites. To develop with JAMStack,...
Are you using Trailing Commas in your JavaScript?
I am presuming that you are using objects and arrays every day in your JavaScript. And I am also su...
Now you can manage Aliases for FrontEnd Workflow at one place
Aliases are very handy; be it in CLI or in FrontEnd development. In previous post, we had seen the b...
Add Test Coverage Labels with Github Actions
A good Testing setup will help you release with confidence and sleep with peace. The Testing setup s...
AutoPublish on GitHub Pages with Github actions
GitHub pages are a great place to host the Demos and Personal Sites. But, often, you need to publish...
🤔 Do you use Redux, if not what do you use?
I don't hate Redux but you need to maintain a lot of files. This makes me cringe but seems like not-...
Animating the Progress Percent Change in React
Visual Feedback is very important in UI design. It keeps the user informed and engaged with their act...
ReactJS: A Simple Custom Hook
React Hooks have changed the way we write components. Hooks have mentally pushed us to write more Fun...
This is how you can activate Github Profile README
The Github Profile Readme design was being in twitter conversation for a while. I discovered it with...
What is JAMStack & Why you should care?
JAMStack or JavaScript, APIs and Markup Stack is a modern shift in the FrontEnd Space to develop fast...
Yarn or npm: What's your preferred package manager?
In the FrontEnd space, yarn and npm are very commonly know names as the package managers. Though I h...
Integrating REST API in ReactJS with fetch & useEffect
Integrating API in a React Project can be easily done by achieving simple project structure. Let’s se...
ToDo app in React with Hooks & Context API
Today, Making a react app is very easy and fast as compared to in the past. This is the time of Fun...
You don't need Libraries for internationalisation (i18n) of Dates
All apps use of dates in some sort of way. And one common operation with a date is to display it in a...
Different ways to create Arrays in JavaScript
In most of the programming languages, A collection of a certain finite number of items is an Array. O...
Introduction to WebComponents with ShadowDOM
WebComponents can be the salvation of Component-based web development. Where all the front-end frame...
Different ways to create Objects in JavaScript
After Primitive types in JavaScript, Objects are another type of Variables in JavaScript. And JavaScr...
NPX: work faster with npm package binaries
With Node.js, building CLI utilities and development tools have gotten so much easier. Though, it al...