With SurveyJS form UI libraries, you can build and style forms in a fully-integrated drag & drop form builder, render them in your JS app, and store form submission data in any backend, inc. PHP, ASP.NET Core, and Node.js. Learn more →
Top 23 JavaScript Prettier Projects
-
SurveyJS
Open-Source JSON Form Builder to Create Dynamic Forms Right in Your App. With SurveyJS form UI libraries, you can build and style forms in a fully-integrated drag & drop form builder, render them in your JS app, and store form submission data in any backend, inc. PHP, ASP.NET Core, and Node.js.
-
prettier-eslint
Code :arrow_right: prettier :arrow_right: eslint --fix :arrow_right: Formatted Code :sparkles:
-
lad
Node.js framework made by a former @expressjs TC and @koajs team member. Built for @forwardemail, @spamscanner, @breejs, @cabinjs, and @lassjs.
-
InfluxDB
Power Real-Time Data Analytics at Scale. Get real-time insights from all types of time series data with InfluxDB. Ingest, query, and analyze billions of data points in real-time with unbounded cardinality.
-
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!
-
prettier-plugin-organize-imports
Make Prettier organize your imports using the TypeScript language service API.
-
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:
-
pro-react-admin
基于React: v18.x.x/Webpack: v5.x.x//Vite: 4.x.x/React Router v6.x.x/ Antd: v5..x.x/Typescript: v5.x.x/Fetch Api/等最新版本进行构建的企业级中台前端基础模板...
-
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)
-
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
-
vs-code-prettier-eslint
A Visual Studio Code Extension to format JavaScript and TypeScript code using the prettier-eslint package.
-
React-Native-Boilerplate
🚀🎉📚 Boilerplate and Starter for React Native, Expo, NativeWind and TypeScript ⚡️ Made with developer experience first: React Native + Expo + TypeScript + ESLint + Prettier + Husky + Lint-Staged + Jest + Detox + VSCode + NativeWind (by ixartz)
-
SaaSHub
SaaSHub - Software Alternatives and Reviews. SaaSHub helps you find the best software and product alternatives
Project mention: How to prevent Prettier putting a full stop on a new line after a link | dev.to | 2024-05-13Do you use Prettier? Have your configuration settings caused weird HTML rendering issues by adding extra whitespace where you didn't want it? Perhaps after an anchor link at the end of a paragraph? Me, too. Here's what's happening and how you might be able to fix it.
Flowbite Svelte is an open-source UI library built with Svelte components and Tailwind CSS. It provides over 58 UI components and interactive elements built with Svelte and Flowbite. It comes with well-organized documentation, where you can see the code sample and preview the components for responsive sizes: desktop, tablet and smartphone. You can also switch light/dark modes and RTL/LTR text direction. The code looks quite straightforward and the components are styled very neat.
Project mention: Adding code formatting, linting, pre-commit hooks and beyond... | dev.to | 2023-11-01As I was reading the Prettier documentation I stumbled upon this blob which talks about how to make ESLint and Prettier play nicely with each other. It instructed to install eslint-config-prettier dependency in my project using the command npm install --save-dev eslint-config-prettier. Then I added prettier as part of the .eslintrc.cjs' extends array making prettier dependency part of the linting process. Lastly, I ran its cmd line helper npx eslint-config-prettier path/to/main.js to check if there were any ESLint rules which are unnecessary or would conflict with Prettier. The test results came out fine with no unnecessary or conflicting rules. The use case on how it works and why to use it is mentioned here.
Use the other one, prettier-eslint this is so that the code goes through Prettier before ESLint and not the other way around causing it to show issues that will be fixed once ESLint fixes it.
Let's be honest - setting up tools for a new project can be a frustrating process. Especially when you want to jump straight to coding part. This is often the case with ESLint and Prettier, two popular tools in the JavaScript ecosystem that can sometimes interfere with each other when it comes to code formatting. Fortunately, there's a simple solution to this process, and it's called eslint-plugin-prettier.
Project mention: How to share components and styles between multiple Vue projects. | /r/vuejs | 2023-12-10ultra simple example of commands to run can be seen in https://github.com/wesbos/eslint-config-wesbos - a “package” can be any sort of files like config or styles
JavaScript Prettier related posts
-
How to prevent Prettier putting a full stop on a new line after a link
-
How to make ESLint and Prettier work together? 🛠️
-
🎆 THE BEST AND MOST USEFUL VSCODE EXTENSIONS 🎆
-
Tailwind CSS: Automatic Class Sorting with Prettier
-
How to share components and styles between multiple Vue projects.
-
Prettier: Change UseTabs to True by Default
-
Static Analysis Tooling 🐍
-
A note from our sponsor - SurveyJS
surveyjs.io | 20 May 2024
Index
What are some of the best open-source Prettier projects in JavaScript? This list will help you:
Project | Stars | |
---|---|---|
1 | prettier | 48,433 |
2 | flowbite | 7,077 |
3 | eslint-config-prettier | 5,247 |
4 | prettier-eslint | 3,935 |
5 | eslint-plugin-prettier | 3,184 |
6 | eslint-config-wesbos | 2,717 |
7 | lad | 2,261 |
8 | vue-web-extension | 1,569 |
9 | plugin-ruby | 1,443 |
10 | prettier-plugin-organize-imports | 969 |
11 | react-typescript-web-extension-starter | 898 |
12 | prettier-standard | 870 |
13 | MEVN-CLI | 822 |
14 | pro-react-admin | 698 |
15 | prettier-eslint-cli | 534 |
16 | web-configs | 457 |
17 | webpack-react-boilerplate | 396 |
18 | expo-disneyplus | 298 |
19 | carbonate | 237 |
20 | mullet | 194 |
21 | vs-code-prettier-eslint | 177 |
22 | React-Native-Boilerplate | 175 |
23 | prettier.el | 159 |
Sponsored