JS-Beautifier
eslint-plugin-prettier
Our great sponsors
JS-Beautifier | eslint-plugin-prettier | |
---|---|---|
34 | 13 | |
8,449 | 3,171 | |
0.7% | 1.5% | |
8.2 | 7.6 | |
4 days ago | 18 days ago | |
JavaScript | JavaScript | |
MIT License | MIT License |
Stars - the number of stars that a project has on GitHub. Growth - month over month growth in stars.
Activity is a relative number indicating how actively a project is being developed. Recent commits have higher weight than older ones.
For example, an activity of 9.0 indicates that a project is amongst the top 10% of the most actively developed projects that we are tracking.
JS-Beautifier
-
How I optimized Carousel for EditorJS 2x in size.
Even without tools it looked a bit weird, all files in source without minification costs us 27k, its something not needed inside, and if you unpack it with something like https://beautifier.io/ you will see:
- Ask HN: Favorite Free Web Tools?
-
For those of you who has a broken MSN Shopping Game Script, I might have a solution...
I can go through the functions that I have wrote in here. Go to js beautifier and paste in the code for easier viewing while reading this.
-
[AskJS] What code formatter/beautifier are you using in the browser?
I just cobbled together a version using js-beautify https://github.com/beautify-web/js-beautify, works for JavaScript and JSON, does not format HTML correctly.
-
How do I recreate this cascading text effect?
View source and get the main javascript file https://musicforprogramming.net/client/client.bc21fa59.js then stick it in a beautifier https://beautifier.io/ then grab the most likely looking function, the easiest way is to delete everything that's obviously nothing to do with the animation, then what you have left is the code you want.
-
How to make Prettier format else in a new line in javascript?
One that is customizable, I don't know. Always used vscode formatter with default settings (are there some options?) Or prettier. Maybe https://github.com/beautify-web/js-beautify
-
Princesses Saving Princesses 👸
Sprite list from the randomizer can be found at https://alttpr.com/sprites/ with links to the zspr files (copy/paste the output into https://beautifier.io/ to make it more readable)
- JavaScript obfuscation
-
Is possible to display human readable JS from websites?
You can use an online service like beautifier.io to try to clean it up a bit. There is no way to get the original human readable JS back though. If you are interested in reading source code, you might have more luck looking at repos on GitHub, which will not be minified.
-
Unknown JS from Chrome Extension
This is fantastic, thank you for the decoded output. I had run it through Beautifier.io to get some of the unicode/hex characters decoded, but this is much more readable.
eslint-plugin-prettier
-
Create React UI Lib 1.1: Ladle and ESLint
You can also add ESLint now (props to @femincan for the suggestion). It comes with recommended settings for these plugins: typescript, prettier, react, react-hooks, jsx-a11y.
-
How do I get eslint to work with prettier, TypeScript and null-ls?
I recommend installing and configuring the eslint-plugin-prettier package in your project: https://github.com/prettier/eslint-plugin-prettier
-
Setting up ESLint & Prettier in ViteJS
eslint-plugin-prettier
-
Why use prettier if ESLint can format?
Another approach that you can also take is a sort of "prettier as an ESLint plugin" option, such with eslint-plugin-prettier. The idea is that the developer only needs to run one tool (ESLint), but you add a plugin to ESLint that just calls prettier and converts the prettier error messages to ESLint error messages. I've worked at companies that have used this approach, and it makes setting up your editor/IDE very simple, because you've only got one tool to configure. That said, I personally don't like it because it forces you to use ESLint's "auto fix" functionality, which I find works well for formatting, but IME less well for some of the other lints.
-
Introducing Swarmion 🐝, a Type-safe Serverless Microservices Framework
A comprehensive set of formatting (through eslint-plugin-prettier) and linting rules, generated with Clinter. Once again, each package can easily extend the root configuration.
-
Modern, faster alternatives to ESLint
The eslint-config-prettier package disables all ESLint rules that might conflict with Prettier. This lets us use ESLint configurations without letting it get in the way when using Prettier. We can then use the eslint-plugin-prettier package to integrate Prettier rules into ESLint rules. Finally, we must set the Prettier rules in the ESLint configuration file. Add the following configuration to the .eslintrc file in the root directory of the application:
-
Running prettier 40x faster than prettier CLI using dprint
We run prettier through eslint, and run eslint through jest which provides parallelism. eslint also has a cache... So I'm not sure what dprint gets you over that?
https://github.com/jest-community/jest-runner-eslint
https://github.com/prettier/eslint-plugin-prettier
-
[AskJS] Why is is prettier used if eslint can format?
I personally use eslint-plugin-prettier so Prettier formatting issues are shown in my editor and are reported when linting using ESLint.
-
The Ultimate Guide to TypeScript Monorepos
When installing the Prettier and ESLint extensions for VSCode, formatting and linting will also work within VSCode for any files in the monorepo. Only tweak required to make this work is to configure the Prettier plugin for ESLint (see example .eslintrc.json). Otherwise Prettier and ESLint will get in each other’s way and make for a poor editing experience. To make this work, the following two settings will also need to be configured in a .vscode/settings.json configuration (see settings.json):
-
Starter using Vite + React + TypeScript + Tailwind CSS.
NOTICE: The template does not use eslint-plugin-prettier and prettier-eslint. So I recommend that running commands individually. e.g. prettier && eslint.
What are some alternatives?
prettier - Prettier is an opinionated code formatter.
Tailwind CSS - A utility-first CSS framework for rapid UI development.
ESLint - Find and fix problems in your JavaScript code.
vite - Next generation frontend tooling. It's fast!
husky - Git hooks made easy 🐶 woof!
eslint-config-prettier - Turns off all rules that are unnecessary or might conflict with Prettier.
Pre-evaluate code at buildtime - Pre-evaluate code at build-time with babel-macros
eslint-plugin-react - React-specific linting rules for ESLint
dotenv-linter - ⚡️Lightning-fast linter for .env files. Written in Rust 🦀
vite-react-ts-tailwind-firebase-starter - Starter using Vite + React + TypeScript + Tailwind CSS. And already set up Firebase(v9), Prettier and ESLint.
jsfmt - For formatting, searching, and rewriting JavaScript.
dprint-vscode - Visual Studio Code extension for formatting code with dprint.