SaaSHub helps you find the best software and product alternatives Learn more →
Top 23 JavaScript Eslint 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.
-
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.
-
prettier-eslint
Code :arrow_right: prettier :arrow_right: eslint --fix :arrow_right: Formatted Code :sparkles:
-
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!
-
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:
-
SaaSHub
SaaSHub - Software Alternatives and Reviews. SaaSHub helps you find the best software and product alternatives
Project mention: Mastering Code Quality: Setting Up ESLint with Standard JS in TypeScript Projects | dev.to | 2024-05-05You may be torn between those famous code styles, struggling to choose one between Airbnb JavaScript Style, Google JavaScript Style Guide, JavaScript Standard Style, or XO, among others.
Project mention: Mastering Code Quality: Setting Up ESLint with Standard JS in TypeScript Projects | dev.to | 2024-05-05Sorry, I've gone too far. I'm not here to persuade you to use Standard JS. My intention is to provide information and guidance on configuring JavaScript Standard Style for your team, should you agree with me or have other reasons to choose 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: Supercharge your workflow with Husky, Lint Staged and Commitlint | dev.to | 2024-05-07Lint Staged: https://github.com/lint-staged/lint-staged
Project mention: Mastering Code Quality: Setting Up ESLint with Standard JS in TypeScript Projects | dev.to | 2024-05-05JavaScript Standard Style is less opinionated about JSX formatting and largely leaves JSX as-is. In a React project, you should integrate with React-specific linting rules for ESLint. The generally accepted configurations are eslint-plugin-react and eslint-plugin-react-hooks, enforcing some best practices of writing React code.
Project mention: Mastering Code Quality: Setting Up ESLint with Standard JS in TypeScript Projects | dev.to | 2024-05-05You may be torn between those famous code styles, struggling to choose one between Airbnb JavaScript Style, Google JavaScript Style Guide, JavaScript Standard Style, or XO, among others.
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: Speeding up the JavaScript ecosystem – Polyfills gone rogue | news.ycombinator.com | 2023-09-21[2]: https://github.com/import-js/eslint-plugin-import/pull/2447#...
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.
Project mention: Getting started with React by building a Pokemon search application | dev.to | 2024-05-11> [email protected] build > react-scripts build Creating an optimized production build... Compiled with warnings. [eslint] src/App.js Line 64:15: The href attribute requires a valid value to be accessible. Provide a valid, navigable address as the href value. If you cannot provide a valid href, but still need the element to resemble a link, use a button and change it with appropriate styles. Learn more: https://github.com/jsx-eslint/eslint-plugin-jsx-a11y/blob/HEAD/docs/rules/anchor-is-valid.md jsx-a11y/anchor-is-valid Search for the keywords to learn more about each warning. To ignore, add // eslint-disable-next-line to the line before. File sizes after gzip: 58.34 kB (-1 B) build/static/js/main.b3bd969c.js 1.78 kB build/static/js/453.bd7a2879.chunk.js 677 B build/static/css/main.af098727.css The project was built assuming it is hosted at /. You can control this with the homepage field in your package.json. The build folder is ready to be deployed. You may serve it with a static server: serve -s build Find out more about deployment here: https://cra.link/deployment
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
eslint-plugin-simple-import-sort by Simon Lydell @SimonLydell
eslint-plugin-node by Toru Nagashima - Dev.to: @mysticatea & Twitter: @mysticatea
JavaScript Eslint related posts
-
Mastering Code Quality: Setting Up ESLint with Standard JS in TypeScript Projects
-
Tailwind Handbook - Part II
-
Shared Data-Layer Setup For Micro Frontend Application with Nx Workspace
-
Decoding JavaScript Variables: A Comprehensive Overview
-
10 GitHub Repos for Mastering JavaScript
-
Most basic code formatting
-
How to use Lefthooks in your node project?
-
A note from our sponsor - SaaSHub
www.saashub.com | 20 May 2024
Index
What are some of the best open-source Eslint projects in JavaScript? This list will help you:
Project | Stars | |
---|---|---|
1 | javascript | 142,275 |
2 | Standard | 28,894 |
3 | ESLint | 24,374 |
4 | js-stack-from-scratch | 20,041 |
5 | front-end-guide | 15,083 |
6 | lint-staged | 12,931 |
7 | eslint-plugin-react | 8,827 |
8 | XO | 7,557 |
9 | flowbite | 7,077 |
10 | eslint-plugin-import | 5,320 |
11 | eslint-config-prettier | 5,247 |
12 | eslint-plugin-vue | 4,375 |
13 | prettier-eslint | 3,935 |
14 | eslint-plugin-unicorn | 3,900 |
15 | eslint-plugin-jsx-a11y | 3,332 |
16 | eslint-config-wesbos | 2,720 |
17 | eslint-plugin-simple-import-sort | 1,911 |
18 | vue-web-extension | 1,569 |
19 | eslint_d.js | 1,063 |
20 | eslint-plugin-jsdoc | 1,057 |
21 | eslint-plugin-node | 956 |
22 | react-typescript-web-extension-starter | 898 |
23 | prettier-standard | 870 |
Sponsored