InfluxDB is the Time Series Platform where developers build real-time applications for analytics, IoT and cloud-native services. Easy to start, it is available in the cloud or on-premises. Learn more →
Top 23 JavaScript Prettier Projects
-
Have you ever used a transpiler, a linter or a code formatter, such as: Babel, ESLint or Prettier? If the answer is yes, then you've already used metaprogramming! 👏
-
Linting is an important step in maintaining code quality, The React Library Builder uses ESLint and eslint-config-prettier for linting. You can modify linting rules by overriding them in the .eslintrc file.
-
Appwrite
Appwrite - The Open Source Firebase alternative introduces iOS support . Appwrite is an open source backend server that helps you build native iOS applications much faster with realtime APIs for authentication, databases, files storage, cloud functions and much more!
-
prettier-eslint
Code :arrow_right: prettier :arrow_right: eslint --fix :arrow_right: Formatted Code :sparkles:
Same, I can't stand some of prettier's opinions/style conversions and they refuse to add more options to their config file, so people literally have to make an entirely separate plugin just to deal with the issue of its config not being able to match your eslint config.
-
eslint-plugin-prettier
-
-
lad
Node.js framework made by a former @expressjs TC and @koajs team member. Built for @forwardemail, @spamscanner, @breejs, @cabinjs, and @lassjs.
Another quite popular package is email-templates. As you can see from the name, this package is designed for creating various custom templates for Node.js. It features support for automatic inline CSS, stylesheets, embedded images, and fonts. Also, it has an email preview option. The email templates package was made by the creator of the Lad framework. So it’s recommended to use it with Lad.
-
If you'd like, you can go a bit further and automate the linting and formatting process a bit. I like to use Husky which allows you to run your linter, tests etc. on a git commit/push etc. You can also then use pretty-quick along with husky to automatically format your code whenever you git commit, just in case someone on your team hasn't set it up in their IDE.
-
InfluxDB
Build time-series-based applications quickly and at scale.. InfluxDB is the Time Series Platform where developers build real-time applications for analytics, IoT and cloud-native services. Easy to start, it is available in the cloud or on-premises.
-
vue-web-extension
🛠️ A Vue CLI 3+ preset (previously a Vue CLI 2 boilerplate) for quickly starting a web extension with Vue, Babel, ESLint and more!
-
-
Project mention: A Guide to Order: Setting up Prettier and Eslint with Husky, Lint-staged and Commitizen | dev.to | 2022-02-17
However, there’s a known problem when using both Eslint and Prettier. A good approach is to run prettier first and then Eslint. There, however, exists a simpler solution. Enter prettier-standard.
-
-
react-typescript-web-extension-starter
:desktop_computer: Web Extension starter kit built with React, TypeScript, TailwindCSS, Storybook, Jest, EsLint, Prettier, and Webpack. Supports Google Chrome + Mozilla Firefox + Brave Browser + Microsoft Edge + Opera :fire:
-
prettier-plugin-organize-imports
Make Prettier organize your imports using the TypeScript language service API.
-
-
Shopify
-
webpack-react-boilerplate
Minimal React 16 and Webpack 4 boilerplate with babel 7, using the new webpack-dev-server, react-hot-loader, CSS-Modules (by HashemKhalifa)
Or with React though you could just use Create-react-app instead.
-
pro-react-admin
基于React: v18.x.x/Webpack: v5.x.x/React Router v6.x.x/ Antd: v5..x.x/Fetch Api/ Typescript: v4.x.x 等最新版本进行构建...
-
-
carbonate
Github Action to format fenced code blocks in github issues as images. Originally created as part of DEV Github Actions hackathon: https://dev.to/callmekatootie/jazz-up-the-code-blocks-in-github-issues-52e6
-
eslint-config-hardcore
The most strict (yet practical) ESLint config. 37 plugins. 1237 rules. React, Vue, Node, and pure JS/TS.
Project mention: GitHub - EvgenyOrekhov/eslint-config-hardcore: The most strict (yet practical) ESLint config | reddit.com/r/ThingsWorthLearning | 2022-08-14 -
-
-
Project mention: Looking for emacs package recommendations for code-formatting in emacs? | reddit.com/r/emacs | 2022-06-07
You might want to check out https://github.com/jscheid/prettier.el
-
Sonar
Write Clean JavaScript Code. Always.. Sonar helps you commit clean code every time. With over 300 unique rules to find JavaScript bugs, code smells & vulnerabilities, Sonar finds the issues while you focus on the work.
NOTE:
The open source projects on this list are ordered by number of github stars.
The number of mentions indicates repo mentiontions in the last 12 Months or
since we started tracking (Dec 2020).
The latest post mention was on 2023-01-30.
JavaScript Prettier related posts
- Comments? Standards? Nah, I prefer chaos.
- Boost your Python development in VS Code: Top picks for extensions 💻🚀🛠️
- should i use semicolons after every statement?
- Goodbye prettier, welcome ESLint
- Let's do a war
- Why can't they tho?
- Why does my teacher always add a ";" at the end of his lines of code?
-
A note from our sponsor - InfluxDB
www.influxdata.com | 4 Feb 2023
Index
What are some of the best open-source Prettier projects in JavaScript? This list will help you:
| Project | Stars | |
|---|---|---|
| 1 | prettier | 44,726 |
| 2 | eslint-config-prettier | 4,341 |
| 3 | prettier-eslint | 3,697 |
| 4 | eslint-plugin-prettier | 2,708 |
| 5 | eslint-config-wesbos | 2,583 |
| 6 | lad | 2,214 |
| 7 | pretty-quick | 2,016 |
| 8 | vue-web-extension | 1,507 |
| 9 | plugin-ruby | 1,381 |
| 10 | prettier-standard | 860 |
| 11 | MEVN-CLI | 796 |
| 12 | react-typescript-web-extension-starter | 741 |
| 13 | prettier-plugin-organize-imports | 566 |
| 14 | prettier-eslint-cli | 508 |
| 15 | web-configs | 416 |
| 16 | webpack-react-boilerplate | 394 |
| 17 | pro-react-admin | 348 |
| 18 | expo-disneyplus | 270 |
| 19 | carbonate | 232 |
| 20 | eslint-config-hardcore | 220 |
| 21 | mullet | 195 |
| 22 | eleventy-webpack | 134 |
| 23 | prettier.el | 129 |
Write Clean JavaScript Code. Always.
Sonar helps you commit clean code every time. With over 300 unique rules to find JavaScript bugs, code smells & vulnerabilities, Sonar finds the issues while you focus on the work.
www.sonarsource.com