J.A. Shezanjashezan.hashnode.dev·Oct 8, 2024Boost Your Next.js Productivity: A Comprehensive Guide to Setting Up Next.js with ESLint, Prettier, Husky, and Lint-StagedTools 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...DiscussFrontend OdysseyNext.js
J.A. Shezanjashezan.hashnode.dev·Oct 7, 2024Configure ESLint, Prettier, Husky, lint-staged Properly for Next.jsIf 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...DiscussFrontend OdysseyNext.js
Parveen Kumarparveenpal.hashnode.dev·Oct 2, 2024Setup a pre-commit hook with EsLint and prettier with husky in Javascript/TypescriptEslint is a tool for identifying and fixing bugs in javascript code. When working in a team, it ensures that all team member adhere to set of rules or guidelines, catching errors before code is committed. For example, you can define rule for single q...Discussjavascript linting
J.A. Shezanjashezan.hashnode.dev·Sep 30, 2024Step-by-Step Guide to Configuring Husky and Lint-Staged with ESLint and PrettierTo 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 ...DiscussFrontend Odysseyhusky
Sanchit Bajajsolitrix02.hashnode.dev·Apr 21, 2024Supercharge your workflow with Husky, Lint Staged and CommitlintAs a developer, I'm constantly scouring for those nitty-gritty details because, let's face it, they make all the difference. But you know what really grinds my gears? 🤔 It's when I'm knee-deep in a project, collaborating with a bunch of other devs, ...Discuss·39 readsDevOpshusky
Devrajsinh Jhaladevraj-jhala.hashnode.dev·Mar 20, 2024Become a pro committer with husky and commitlintHello everyone, welcome to the new blog where we will be discussing about how you can upgrade your commits, your changes and your codebase to achieve proper documentation and code structure. In this blog, we will learn about husky and commitlint, and...Discussgood practices
Farhan Hasinfarhanhasindipro25.hashnode.dev·Feb 28, 2024A Comprehensive Look: Pros and Cons of Development Workflow in Frontend EngineeringTechnology 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...Discuss·12 likes·58 readsdevelopment workflow
James Zhangblog.jczhang.com·Jan 28, 2024Format and fix code: VS Code config and git pre-commit hook with husky and lint-stagedIn a typical web code repository, we use linters like eslint to highlight warnings or syntax errors and use tools like prettier to format the code. There are a few ways to trigger the action: VS Code At editor level, e.g. VS Code, we can use command ...Discuss·156 readsJamesz Takehusky
Arcadio QuinteroProarcadioquintero.com·Jan 27, 2024Setup Husky and Commitlint to our repoSometimes, we put anything in our code commits, but this doesn't help when checking what changes were made if it was a fix or part of a new feature. Keeping order in our repositories is important. Tools like Husky and Commitlint help us add structure...Discuss·5 likes·34 readshusky
Steven Burrowsthekiltedcoder.hashnode.dev·Jan 2, 2024Setting up ESLint and Prettier using lint-Staged and HuskyInitial setup Setting up ESLint only one command is now needed to install and setup ESLint. In your terminal or PowerShell run: npm init @eslint/config this should add a file called .eslintrc.{js,yml,json} with the basic config of { "env": { ...Discusseslint
