eslint-config-google VS javascript

GitHub - google/eslint-config-google: ESLint shareable config for the Google JavaScript style guide

# question 1: ? How would you like to use ESLint? … To check syntax only To check syntax and find problems ❯ To check syntax, find problems, and enforce code style # question 2: ? What type of modules does your project use? … ❯ JavaScript modules (import/export) CommonJS (require/exports) None of these # question 3: ? Which framework does your project use? … ❯ React Vue.js None of these # question 4 (select "No", because we won't add TypeScript support for this project): ? Does your project use TypeScript? › No / Yes # question 5: ? Where does your code run? … Browser ✔ Node # question 6: ? How would you like to define a style for your project? … ❯ Use a popular style guide Answer questions about your style Inspect your JavaScript file(s) # question 7 (we'll rely on Airbnb's JavaScript style guide here): ? Which style guide do you want to follow? … ❯ Airbnb: https://github.com/airbnb/javascript Standard: https://github.com/standard/standard Google: https://github.com/google/eslint-config-google # question 8: ? What format do you want your config file to be in? … JavaScript YAML ❯ JSON # the final prompt here is where eslint will ask you if you want to install all the necessary dependencies. Select "Yes" and hit enter: Checking peerDependencies of eslint-config-airbnb@latest The config that you have selected requires the following dependencies: eslint-plugin-react@^7.21.5 eslint-config-airbnb@latest eslint@^5.16.0 || ^6.8.0 || ^7.2.0 eslint-plugin-import@^2.22.1 eslint-plugin-jsx-a11y@^6.4.1 eslint-plugin-react-hooks@^4 || ^3 || ^2.3.0 || ^1.7.0 ? Would you like to install them now with npm? › No / Yes

Feel free to play around with the rules defined above or extend some of the other configurations like eslint-config-google to figure out what’s best suited for your project.

The Google JavaScript Style Guide was released in 2012, and it has the complete definition of coding standards used at Google. This style guide has two parts, one focusing on style rules (aesthetic issues of formatting) and the other focusing on language rules (conventions and coding standards). In addition, it has an ESLint package that you can use to incorporate the style guide into your project.

Google

It is much easier to understand a large project when its code is written in a consistent style. This is where style guides come in handy. Using a style guide enhances a team's productivity and avoids arguments about the best style guide for Node.js projects. In addition, you can opt-in to already existing style guides created at companies like Google and Airbnb that have been tested with time.

Google’s eslint config

# 1 - Inicio da configuração do eslint yarn eslint --init # 2 - Escolha a opção "To check syntax, find problems, and enforce code style" How would you like to use ESLint? To check syntax only To check syntax and find problems ❯ To check syntax, find problems, and enforce code style # 3 - Escolha a opção "JavaScript modules (import/export)" What type of modules does your project use? ❯ JavaScript modules (import/export) CommonJS (require/exports) None of these # 4 - Escolha a opção "React" Which framework does your project use? ❯ React Vue.js None of these # 5 - Escolha a opção "Yes" Does your project use TypeScript? No ❯ Yes # 6 - Pressionando a barra de espaço, deixe selecionado somente a opção "Browser" Where does your code run? ✔ Browser Node # 7 - Escolha a opção "Use a popular style guide" How would you like to define a style for your project? … ❯ Use a popular style guide Answer questions about your style Inspect your JavaScript file(s) # 8 - Escolha a opção "Use a popular style guide" How would you like to define a style for your project? … ❯ Use a popular style guide Answer questions about your style Inspect your JavaScript file(s) # 9 - Escolha a opção "Airbnb" Which style guide do you want to follow? ❯ Airbnb: https://github.com/airbnb/javascript Standard: https://github.com/standard/standard Google: https://github.com/google/eslint-config-google XO: https://github.com/xojs/eslint-config-xo # 10 - Escolha a opção "JavaScript" What format do you want your config file to be in? … ❯ JavaScript YAML JSON # 11 - Escolha a opção "Yes" Would you like to install them now with npm? No ❯ Yes

TL;DR https://claudemd.dev is where you can find guidelines to make your vibe coding more effective

If you haven't used claude code, I highly recommend you check it out. You may have used other AI tools in development, but being a cli with a refined "plan" step has revolutionized my development workflow. The fact that I can dispatch three prompts to run concurrently, and reliably trust the actions being taken feels incredible. I am spending less time thinking about code and more about the higher level direction of the code.

If you want claude code to be more reliable in its output, it can further be directed by using CLAUDE.md files. These files are included in the plan step and significantly improve the quality of its output. What makes a useful CLAUDE.md is similar to a well written style guide [1]. By providing a set of guidelines for what patterns to follow, the LLM can be more focused when building its plan. In a sense, a CLAUDE.md can be thought of as a "language semantics" for your codebase or directory for how to "compile" your thoughts into actions. Fortunately, you don't need to write your semantics in BNF [2], but the completeness of your semantics matter nonetheless. Without forethought, an LLM will happily come up with its own plan for your codebase.

I thought of and published https://claudemd.dev last night with the idea that sharing these files will improve the quality of code that we will be writing for this next abstraction of software development.

If you want to learn more about these files, I recommend reading this https://claudelog.com/mechanics/claude-md-supremacy.

[1] https://github.com/airbnb/javascript

Airbnb JavaScript Style Guide

airbnb (101k stars, English version), airbnb-Chinese version

AirBbB. I usually start here, but Vercel's config covered most of what I care about for both React and Node code styling.

Visit the repository to read the style rules.

1 . Airbnb JavaScript Style Guide Airbnb, Inc. is an American vacation rental online marketplace company based in San Francisco, California, United States.