Mastering Code Quality: Setting Up ESLint with Standard JS in TypeScript Projects

1. eslint-config-love

   1 2 796 9.8 TypeScript

   A TypeScript ESLint config that loves you

   

   Learn how to enhance your TypeScript project by integrating JavaScript Standard Style rules using eslint-config-love in ESLint. This guide will also provide you with essential tips for setting up automatic formatting in Visual Studio Code, ensuring your code remains clean and consistent. Furthermore, we'll explore the inclusion of ESLint plugins specifically designed for React and React Hooks to optimise your development workflow.

2. Civic Auth

   www.civic.com featured

   Auth in Less Than 5 Minutes. Civic Auth comes with multiple SSO options, optional embedded wallets, and user management — all implemented with just a few lines of code. Start building today.

   

3. Standard

   2 77 29,307 5.1 JavaScript

   🌟 JavaScript Style Guide, with linter & automatic code fixer

   

   Sorry, I've gone too far. I'm not here to persuade you to use Standard JS. My intention is to provide information and guidance on configuring JavaScript Standard Style for your team, should you agree with me or have other reasons to choose it.

4. javascript

   3 143 146,565 5.8 JavaScript

   JavaScript Style Guide

   

   You may be torn between those famous code styles, struggling to choose one between Airbnb JavaScript Style, Google JavaScript Style Guide, JavaScript Standard Style, or XO, among others.

5. XO

   4 10 7,764 7.0 TypeScript

   ❤️ JavaScript/TypeScript linter (ESLint wrapper) with great defaults

   

   You may be torn between those famous code styles, struggling to choose one between Airbnb JavaScript Style, Google JavaScript Style Guide, JavaScript Standard Style, or XO, among others.

6. prettier

   5 481 50,257 9.8 JavaScript

   Prettier is an opinionated code formatter.

   

   In this post, I also use ESLint + Standard JS as my code formatting tools. Formatting JS/TS code by using ESLint is also subjective and opinionated, arguably most people would rather use Prettier instead, which provides more configurable options.

7. ts-eslint-standard-js

   6 1 0 9.2 JavaScript

   A Guide to Setting Up ESLint with StandardJS in TypeScript Projects

   

   If you'd prefer to run the demo I've created instead of following the steps individually, check out this GitHub repository for a quick overview and hands-on experience.

8. normalise-your-git-commit-and-push

   7 2 0 9.0 JavaScript

   A Guide to Normalising Git Commit and Push Processes

   

   I have another post on Streamline Your Workflow: A Guide to Normalising Git Commit and Push Processes, leveraging the NPM scripts. Check it out for more ideas that can enhance your workflow.

9. InfluxDB

   influxdata.com featured

   InfluxDB high-performance time series database. Collect, organize, and act on massive volumes of high-resolution data to power real-time intelligent systems.

   

10. eslint-plugin-react

    8 74 9,144 8.8 JavaScript

    React-specific linting rules for ESLint

    

    JavaScript Standard Style is less opinionated about JSX formatting and largely leaves JSX as-is. In a React project, you should integrate with React-specific linting rules for ESLint. The generally accepted configurations are eslint-plugin-react and eslint-plugin-react-hooks, enforcing some best practices of writing React code.

11. React

    9 1,927 234,662 9.9 JavaScript

    The library for web and native user interfaces.

    

    JavaScript Standard Style is less opinionated about JSX formatting and largely leaves JSX as-is. In a React project, you should integrate with React-specific linting rules for ESLint. The generally accepted configurations are eslint-plugin-react and eslint-plugin-react-hooks, enforcing some best practices of writing React code.

Suggest a related project