Time to Hack - Frontend Programming in JavaScript, HTML & CSS ⚡️

tree, get me directory size!

Getting an understanding of how your drive is filled up is very important; especially on systems with no GUI. Let's see how the tree is helpful.

ReactJS ⌛︎ 3 min read

Why it is Better to spread the Reducer in Files

Among multiple ways to arrange redux actions, action creators & reducers, one way is Single File Reducer. Here's why you should break it down🍴

JavaScript ⌛︎ 3 min read

Ways to convert String to Number in JS

Converting from one type to another is needed very often. Let's take a look at some of the ways to Typecast Strings to Number in JavaScript

programming ⌛︎ 2 min read

3 Basic Tips for faster Code Reviews

Merge Requests are huge part of Code Collaboration. Let's se how you can make the Code Review of Merge Request painless for the reviewer.

JAMStack ⌛︎ 4 min read

When NOT to choose Next.js

Next.js is powerful tool & has many use cases. Before deciding to use it for your next project; checkout cases when Next.js might not be best suited tool.

JAMStack ⌛︎ 7 min read

JAMStack: Showing Top GitHub Repos with Netlify Functions

APIs are important element of JAMStack. Let's build an API to show GitHub repos with Netlify Functions & integrate it in React+Tailwind UI with React Query

tools ⌛︎ 4 min read

Why I chose Splitbee as replacement of Google Analytics

Google Analytics has its pros & cons. With its concerns, I found Splitbee as GA replacement. It even replaces Google Optimize. Checkout all the reasons.

webpack ⌛︎ 3 min read

Fixing WebpackChunkName for Dynamic Imports

Are the Webpack Magic Comments webpackChunkName not effective and working with Babel? See how to Fix it and Tips to avoid related problems.

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.

wordpress ⌛︎ 8 min read

Using Composer for easy WordPress Deployments

Learn how you can use Composer with WordPress to easily deploy it and manage it on multiple servers. Install & manage your WordPress themes and Plugins via Composer.