Top 23 JavaScript Prettier Projects
-
Project mention: Gyaani Baba ka ucch Gyaan, aao lelo. Join discord for more | reddit.com/r/IndianTeenagers | 2022-01-26
-
Project mention: eslint-config-canonical: 1,000+ rules ESLint rules | reddit.com/r/javascript | 2021-12-14
eslint-config-prettier:
-
SonarLint
Deliver Cleaner and Safer Code - Right in Your IDE of Choice!. SonarLint is a free and open source IDE extension that identifies and catches bugs and vulnerabilities as you code, directly in the IDE. Install from your favorite IDE marketplace today.
-
prettier-eslint
Code :arrow_right: prettier :arrow_right: eslint --fix :arrow_right: Formatted Code :sparkles:
Project mention: I always have a hard time configuring my projects | reddit.com/r/webdev | 2021-02-19side note: you can use prettier-eslint (as opposed to the prettier eslint plugin) which runs prettier and then eslint --fix. that way you won't get annoyed by a shit ton red lines from eslint linting with prettier.
-
Project mention: How to create custom reusable ESLint, TypeScript, Prettier config for React apps | dev.to | 2021-12-06
P.S. Development of my custom eslint-config inspired by eslint-config-wesbos.
-
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):
-
-
Set up commit hooks with pretty-quick and husky. First, install them as dev dependencies:
-
OPS
OPS - Build and Run Open Source Unikernels. Quickly and easily build and deploy open source unikernels in tens of seconds. Deploy in any language to any cloud.
-
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!
Junior dev here and I'm a bit confused on what you need to use Vue within a Chrome extension. I found a few articles about it but it's often using this boilerplate: https://github.com/Kocal/vue-web-extension and I'd like to build my own (to really understand how it works).
-
I created a project with mevn-cli and mongoose was throwing some error trying to create users in mongodb (my stack is down right now so can't check what the exact error was), it wasn't auth I don't think because it seemed like it connected ok, but I'm rebuilding my setup with no-auth for now just to rule that out.
-
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 :fire:
Project mention: Web Extension starter kit built with React, TypeScript, TailwindCSS, Storybook, EsLint, Prettier, & Webpack | reddit.com/r/reactjs | 2022-01-01 -
-
prettier-plugin-organize-imports
Make Prettier organize your imports using the TypeScript language service API.
I've used https://github.com/simonhaenisch/prettier-plugin-organize-imports
-
Project mention: How to deploy your first smart contract on Ethereum with Solidity and Hardhat | dev.to | 2021-09-17
Prettier Plugin Solidity
-
-
Historically hapijs hasn't been very involved in the frontend space, aside from its support for templated sites via vision (without which we would not have hapipal.com!). (Also, shoutout to @lynnaloo's Mullet from many years back!) In pal-land we've already started playing around with some novel server-side UI tooling in the space of server-side rendering, and will continue to iterate and share our results.
-
It looks like it might be a separate plugin.
-
-
sapper-tailwind2-template
🐝 Sapper and Tailwind 2.0 with all the nuts and bolts 🍯 TypeScript, ESLint, Prettier
Project mention: 🐝 Sapper Template w/ Tailwind 2.0, TypeScript, ESLint, and Prettier 🍯 | reddit.com/r/sveltejs | 2021-02-14If you'd like to contribute, feel free to file issues or PRs in the repo!
-
eslint-config-ns
ESLint config ready to be used in multiple projects. Based on Airbnb's code style with prettier, jest and react support.
-
react-typescript-starter
Starter for React projects using Atomic design structure with support to both JSX and TSX, using SASS/SCSS, Eslint, Prettier, TailwindcssV2 compiled with Postcss, all of this using Webpack.
-
-
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
Project mention: Show HN: Ray.so – Create beautiful images of your code | news.ycombinator.com | 2021-02-17I see folks wondering about the use case - so here's one: I created a Github Action for use in Github Actions. The benefits:
- Easy to view and understand the image of the code v/s the code block text when using a mobile device. Why? Easier to scroll images v/s text.
- Members will no longer have to rely on the issue reporters and commenters to format their code blocks correctly. Using the in built formatter, the code is always structured properly
- Maintainers can style the code blocks to suit their project's language and guidelines and not put the onus of this on the issue reporter / commenter
Reference: https://github.com/callmekatootie/carbonate
I used Carbon to generate the images in this case - but you get the gist of what one can use images of code for
-
Project mention: Vite is a great all rounder build tool, so I created a starter template to use Vite with Svelte, Routify, Tailwind CSS. | reddit.com/r/coolgithubprojects | 2021-03-26
JavaScript Prettier related posts
- Gyaani Baba ka ucch Gyaan, aao lelo. Join discord for more
- First non-tutorial react project
- Awesome Developer Tools
- How do I make it so it automatically indents HTML tags in WebStorm?
- Starting a React Native Project in 2022
- How do I get correct indentation with vim for JSX elements when using vim hotkey 'o' and 'O'?
- An extension like prettier for C code
Index
What are some of the best open-source Prettier projects in JavaScript? This list will help you:
| Project | Stars | |
|---|---|---|
| 1 | prettier | 41,691 |
| 2 | eslint-config-prettier | 3,531 |
| 3 | prettier-eslint | 3,460 |
| 4 | eslint-config-wesbos | 2,332 |
| 5 | eslint-plugin-prettier | 2,270 |
| 6 | lad | 2,128 |
| 7 | pretty-quick | 1,798 |
| 8 | vue-web-extension | 1,374 |
| 9 | MEVN-CLI | 774 |
| 10 | react-typescript-web-extension-starter | 600 |
| 11 | prettier-eslint-cli | 477 |
| 12 | prettier-plugin-organize-imports | 376 |
| 13 | prettier-plugin-solidity | 351 |
| 14 | expo-disneyplus | 206 |
| 15 | mullet | 194 |
| 16 | prettier-plugin-apex | 158 |
| 17 | eleventy-webpack | 118 |
| 18 | sapper-tailwind2-template | 34 |
| 19 | eslint-config-ns | 24 |
| 20 | react-typescript-starter | 18 |
| 21 | alfred-prettier-clipboard | 17 |
| 22 | carbonate | 13 |
| 23 | vitte | 12 |
Are you hiring? Post a new remote job listing for free.
