© 2026 Hashnode
Testing is not just about verifying if code runs. It’s about verifying that your app behaves correctly from the user’s perspective. Jest + React Testing Library (RTL) gives a powerful combination to achieve this. 1. Filtering Tests in Watch Mode When...

📖 Part 1: Learning the essentials👈 you are here 🤖 Part 2: Automating the process 📘 Introduction Managing and debugging large code bases can be challenging, especially when they lack proper structure or standards. Following a standard for wri...

📖 Part 1: Learning the essentials 🤖 Part 2: Automating the process👈 you are here 📘Introduction This blog is in continuation with its first part - A Complete Guide to Setting Up Dev Tools for Vanilla JavaScript Projects: Part 1. So please che...

Tools Before we move forward, let's take a quick refresher on what we will be exploring here. TypeScript Typescript is a programming language that serves as a syntactic extension of Javascript by introducing types and type safety capabilities. Eslint...

If you choosed TypeScript and ESLint during Next.js CLI, then this article is for you to setup Prettier, Husky, lint-staged properly to proceed ahead and great project structure. If you work with other developer or want to maintain the project in fut...

To set up Husky and lint-staged for running ESLint and Prettier automatically before every Git commit, follow these step-by-step instructions: 1. Install Husky and lint-staged Start by installing Husky (for Git hooks) and lint-staged (to run linters ...

A linter is a tool that scans code for potential issues. This is invaluable with a programming language like JavaScript which is so loosely typed. Even for TypeScript, which is a strongly typed language whose compiler does a great job of detecting er...

Technology Stack of the project NextJS Typescript TailwindCSS ESLint, Prettier, Husky, Lint-staged Problem In my last employment, I worked as a Team Leader for a comprehensive project. There were rules set by the Tech Lead that we need to maint...
