HTML5 ⌛︎ 4 min read Submitting Single Form to different Actions in HTML5 Forms in HTML5 will allow you to submit data to different URLs without extra code. We can utilize Browser’s APIs to get more things done with less code.
ReactJS ⌛︎ 12 min read Building Fast Forms in React with HTML5 & Validations While making WebApps, Forms are required all the time and always need some fine tuning. Let's see how to Build Fast Forms in React with HTML5 & Validations
ReactJS ⌛︎ 2 min read Where do you initialize state in React Component? A small thing to ask where to initialize the state. But in a large codebase, these decisions will improve your daily code efficiency. What do you prefer?
ReactJS ⌛︎ 4 min read 5 Tips for Component Driven Development Component-driven Development has taken the FrontEnd Development by storm. Here are some tips to help you with any Component Driven Development.
Static Site ⌛︎ 9 min read Getting started with Eleventy (11ty) JAMStack is Fast for Development & Delivery of Fast websites & Static Site Generation is one of the way. Eleventy (11ty) is easiest Static Site Generator
JavaScript ⌛︎ 3 min read Are you using Trailing Commas in your JavaScript? In multi-line objects & arrays in JavaScript, Trailing Comma is can be very useful, being part of ES5 standard, see how it can help you in your JS Apps
frontend ⌛︎ 3 min read Now you can manage Aliases for FrontEnd Workflow at one place Aliases are very handy; be it in CLI or in FrontEnd development. But have you though about troubles managing them? Here's how to do it in Frontend Workflow
github ⌛︎ 5 min read Add Test Coverage Label with Github Actions A good Testing setup will help you release with confidence & sleep with peace. Here's How to Add Test Coverage Label with GitHub Actions
github ⌛︎ 5 min read AutoPublish on GitHub Pages with Github actions GitHub pages are a great to host Demos & Personal Sites. Github Actions is new CI/CD solution from Github. Let's publish on GH Pages with Github Actions
ReactJS ⌛︎ 3 min read Animating the Progress Percent Change in React Visual Feedback is very important in UI design in keeping user informed & engaged with their action. Animated Changing values of percentage is of those ways
ReactJS ⌛︎ 5 min read ReactJS: A Simple Custom Hook React Hooks have changed the way we write components & has mentally pushed to write more Functional Components. Lets see how to make a Custom Hook in React.
github ⌛︎ 3 min read Create & Activate Github Profile README Github Profile README is a good way to introduce yourself; visitors can know more about you other than top repos & how much you code every day.
iOS ⌛︎ 2 min read What's wrong with WiFi in iOS? Why am I saying that? Because whenever I try to turn off the Wi-Fi it goes to inactive mode but doesn't completely turn off.
Static Site ⌛︎ 5 min read What is JAMStack & Why you should care? JAMStack is a modern shift in the FrontEnd Space to develop fast web applications. Here is a quick guide on What, Why, Why not & How of JAM Stack
npm ⌛︎ 2 min read Yarn or npm: What's your preferred package manager? NPM & Yarn have a lot to offer. But its always tough to choose right one; & becomes more tough when working in a team. Here are my opinions on this delima.
ReactJS ⌛︎ 5 min read Integrating REST API in ReactJS with fetch & useEffect Integrating API in a React App can be easily done with simple APIs & file structure. Let’s see how to integrate an API in React app with Fetch & useEffect Hook.
ReactJS ⌛︎ 7 min read ToDo app in ReactJS with Hooks & Context API Today, Making a react app is easy & fast as compared from past. Let’s make ToDo app with Modern React using Hooks, Context API with Bootstrap & create-react-app
JavaScript ⌛︎ 3 min read You don't need Libraries for internationalization (i18n) of Dates Dates are one of very critical info to display in any application; & you don’t need libraries all the time. You already have localization on Date strings
JavaScript ⌛︎ 4 min read Different ways to create Arrays in JavaScript Arrays in JavaScript are very commonly used DataStructure. It can be very handy to know your way around Arrays. Here are different ways to create Arrays.
JavaScript ⌛︎ 4 min read Different ways to create Objects in JavaScript Knowing some handy ways to create Objects might save you some time in your application development workflow and keep you productive.
JavaScript ⌛︎ 4 min read NPX: work faster with npm package binaries NPX is utility bundled with latest versions of npm that will allow you to execute any npm package binary w/o installing it globally, i.e. w/o 'npm i -g ...'
JavaScript ⌛︎ 3 min read Why aren't you using Aliases in webpack config? With Aliases, you can speed up development & be ready for refactoring productively. See why you must consider Aliases in Webpack Config of FrontEnd projects
JavaScript ⌛︎ 3 min read Optimize your Front End Applications by migrating from Moment to Dayjs Moment is great library for handling Date object but heavy as well. See how we optimized our Front End Application by Migrating from moment.js to dayjs.
FormData ⌛︎ 2 min read Introducing the FormData Viewer Extension An Extension to view the values in HTML Forms using HTML5 FormData API in the Browser; can be used on Chromium based browsers like Chrome, Brave, Edge etc
node.js ⌛︎ 11 min read Creating REST API in Node.js with Express and MySQL Applications communicate to each other with APIs & key to make versatile applications. Let's see how to make REST API in Node.js with Express and MySQL.
