DevOps ⌛︎ 9 min read Continuous Deployment on DigitalOcean Droplets with Gitlab CI Pipelines Continuous Deployment for a custom project is hard. Let's see how to do Continuous Deployment on DigitalOcean Droplets with Gitlab CI Pipelines
docker ⌛︎ 2 min read Dynamically configure Docker Image builds Docker builds can not receive environment variables in the same way Container execution can. Let's see how you can pass values to adjust builds.
TypeScript ⌛︎ 5 min read Benefits of using TS Generics in your Design System Design Systems & TypeScript are a few of the common denominators in organizations for Product & Tech. Use Generics to have a better dev experience
CSS3 ⌛︎ 4 min read Can I use hover on Touch Devices? Web dev supports multiple form factors with responsiveness. Let's see how NOT to handle touch devices & have better UX with pointer media queries
development ⌛︎ 2 min read It's never too late to change strategy One should always be thinking about the final outcome and the value it is going to bring, if it is not happening; some changes need to happen.
docker ⌛︎ 8 min read Containerization & Docker Fundamentals What if we ACTUALLY deliver our computer? Let's see how Containerization and Docker solve the "works on my computer" problem.
linux ⌛︎ 3 min read 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.