Get Advice Icon

Need advice about which tool to choose?Ask the StackShare community!

Prettier
Prettier

281
115
+ 1
0
Standard JS
Standard JS

29
7
+ 1
0
Add tool

Prettier vs Standard JS: What are the differences?

Developers describe Prettier as "Prettier is an opinionated code formatter". Prettier is an opinionated code formatter. It enforces a consistent style by parsing your code and re-printing it with its own rules that take the maximum line length into account, wrapping code when necessary. On the other hand, Standard JS is detailed as "A JavaScript Standard Style". It is a Style guide, with linter & automatic code fixer. It is a way to enforce consistent style in your project. It automatically formats code.

Prettier and Standard JS can be categorized as "Code Review" tools.

Prettier is an open source tool with 32.7K GitHub stars and 1.81K GitHub forks. Here's a link to Prettier's open source repository on GitHub.

According to the StackShare community, Prettier has a broader approval, being mentioned in 63 company stacks & 60 developers stacks; compared to Standard JS, which is listed in 6 company stacks and 3 developer stacks.

- No public GitHub repository available -

What is Prettier?

Prettier is an opinionated code formatter. It enforces a consistent style by parsing your code and re-printing it with its own rules that take the maximum line length into account, wrapping code when necessary.

What is Standard JS?

It is a Style guide, with linter & automatic code fixer. It is a way to enforce consistent style in your project. It automatically formats code.
Get Advice Icon

Need advice about which tool to choose?Ask the StackShare community!

Why do developers choose Prettier?
Why do developers choose Standard JS?
    Be the first to leave a pro
      Be the first to leave a pro
        Be the first to leave a con
          Be the first to leave a con
          What companies use Prettier?
          What companies use Standard JS?

          Sign up to get full access to all the companiesMake informed product decisions

          What tools integrate with Prettier?
          What tools integrate with Standard JS?
            No integrations found
            What are some alternatives to Prettier and Standard JS?
            EditorConfig
            It is a file format and collection of text editor plugins. It helps maintain consistent coding styles for multiple developers working on the same project across various editors and IDEs.
            ESLint
            A pluggable and configurable linter tool for identifying and reporting on patterns in JavaScript. Maintain your code quality with ease.
            SonarQube
            SonarQube provides an overview of the overall health of your source code and even more importantly, it highlights issues found on new code. With a Quality Gate set on your project, you will simply fix the Leak and start mechanically improving.
            Code Climate
            After each Git push, Code Climate analyzes your code for complexity, duplication, and common smells to determine changes in quality and surface technical debt hotspots.
            Codacy
            Codacy is an automated code review tool for Scala, Java, Ruby, JavaScript, PHP, Python, CoffeeScript and CSS. It's continuous static analysis without the hassle. Save time in Code Reviews. Tackle your technical debt
            See all alternatives
            Decisions about Prettier and Standard JS
            Russel Werner
            Russel Werner
            Lead Engineer at StackShare | 7 upvotes 24.1K views
            atStackShareStackShare
            Visual Studio Code
            Visual Studio Code
            WebStorm
            WebStorm
            ESLint
            ESLint
            Prettier
            Prettier

            We use Prettier because when we rebooted our front-end stack, I decided that it would be an efficient use of our time to not worry about code formatting issues and personal preferences during peer review. Prettier eliminates this concern by auto-formatting our code to a deterministic output. We use it along with ESLint and have 1st-class support in our WebStorm and Visual Studio Code editors.

            See more
            Johnny Bell
            Johnny Bell
            Senior Software Engineer at StackShare | 17 upvotes 70.4K views
            ESLint
            ESLint
            Prettier
            Prettier
            Babel
            Babel
            npm
            npm
            Yarn
            Yarn
            Node.js
            Node.js
            Webpack
            Webpack
            #ES5
            #ES6

            So when starting a new project you generally have your go to tools to get your site up and running locally, and some scripts to build out a production version of your site. Create React App is great for that, however for my projects I feel as though there is to much bloat in Create React App and if I use it, then I'm tied to React, which I love but if I want to switch it up to Vue or something I want that flexibility.

            So to start everything up and running I clone my personal Webpack boilerplate - This is still in Webpack 3, and does need some updating but gets the job done for now. So given the name of the repo you may have guessed that yes I am using Webpack as my bundler I use Webpack because it is so powerful, and even though it has a steep learning curve once you get it, its amazing.

            The next thing I do is make sure my machine has Node.js configured and the right version installed then run Yarn. I decided to use Yarn because when I was building out this project npm had some shortcomings such as no .lock file. I could probably move from Yarn to npm but I don't really see any point really.

            I use Babel to transpile all of my #ES6 to #ES5 so the browser can read it, I love Babel and to be honest haven't looked up any other transpilers because Babel is amazing.

            Finally when developing I have Prettier setup to make sure all my code is clean and uniform across all my JS files, and ESLint to make sure I catch any errors or code that could be optimized.

            I'm really happy with this stack for my local env setup, and I'll probably stick with it for a while.

            See more
            Buzz Zhang
            Buzz Zhang
            CTO at Qiban | 7 upvotes 7.4K views
            at浼佸姙浼佸姙
            Prettier
            Prettier
            ESLint
            ESLint
            Visual Studio Code
            Visual Studio Code

            I use Visual Studio Code because plugins. For choosing IDE, the most important part is not IDE itself, but plugins. Some may argues that Visual Studio Code is not IDE, but I like to call it IDE, any text editor can do debug is IDE. Visual Studio Code can do it, and can use ESLint and Prettier , so it's IDE.

            See more
            Gustavo Mu帽oz
            Gustavo Mu帽oz
            Web UI Developer at Globant | 4 upvotes 2.6K views
            Sass
            Sass
            Prettier
            Prettier
            ESLint
            ESLint
            #Airbnb

            I decided to use ESLint over other tools like Prettier because I think it's better to show your fails than fix them without knowing what you are doing. It's a better way to learn. I know it's slower, but you are fully conscious of your work. I also use Sass linters for the same reason. I recommend Prettier when you are already a senior developer, but try to use linters instead when you start coding. It will help you to improve a lot. I recommend you #Airbnb rules set. Strict, but well written. Very useful even for accesibility.

            See more
            Interest over time
            Reviews of Prettier and Standard JS
            No reviews found
            How developers use Prettier and Standard JS
            Avatar of DevExpress Reimagined
            DevExpress Reimagined uses PrettierPrettier

            Forget code formatting

            How much does Prettier cost?
            How much does Standard JS cost?
            Pricing unavailable
            Pricing unavailable
            News about Prettier
            More news
            News about Standard JS
            More news