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 Eslint Open-Source 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.
-
-
-
-
-
WorkOS
The modern identity platform for B2B SaaS. The APIs are flexible and easy-to-use, supporting authentication, user identity, and complex enterprise features like SSO and SCIM provisioning.
-
typescript-eslint
:sparkles: Monorepo for all the tooling which enables ESLint to support TypeScript
-
-
-
-
-
-
next-enterprise
💼 An enterprise-grade Next.js boilerplate for high-performance, maintainable apps. Packed with features like Tailwind CSS, TypeScript, ESLint, Prettier, testing tools, and more to accelerate your development.
-
-
-
-
-
prettier-eslint
Code :arrow_right: prettier :arrow_right: eslint --fix :arrow_right: Formatted Code :sparkles:
-
-
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.
// Follow Established Style Guides // Adhere to established style guides such as Airbnb JavaScript Style Guide or Google JavaScript Style Guide to maintain consistency across your codebase. // These style guides provide comprehensive rules and recommendations for variable naming, declaration, and usage. // Example: Airbnb JavaScript Style Guide // https://github.com/airbnb/javascript /** * Represents a person with a given name and age. * @typedef {Object} Person * @property {string} name - The name of the person. * @property {number} age - The age of the person. */ /** * Create a new person. * @param {string} name - The name of the person. * @param {number} age - The age of the person. * @returns {Person} - The newly created person object. */ function createPerson(name, age) { return { name, age }; } const person1 = createPerson("John", 30); const person2 = createPerson("Jane", 25); console.log(person1); console.log(person2);
Repository: goldbergyoni/nodebestpractices
I picked up standard[1] a while back for this reason, I don't want to have to think about it. It works fine, I have no complaints (took me a while to get used to not using semi-colons but now I prefer it) Same reason I use `cargo fmt` as well.
[1] https://standardjs.com/
Project mention: Shared Data-Layer Setup For Micro Frontend Application with Nx Workspace | dev.to | 2024-04-25ESLint: A pluggable and configurable linter tool for identifying and reporting on patterns in JavaScript.
Project mention: How I Used Electron and React to Create a Sweet UI for FFMPEG | dev.to | 2023-12-15For a swift and efficient setup, I began by cloning the Electron-React Boilerplate. This boilerplate provided a pre-configured combination of Electron and React, along with Redux and Webpack, setting a solid foundation for the project. This choice allowed me to focus on building the unique features of my application, leveraging the boilerplate's stable and community-tested framework.
Typescript-eslint can assist in this task. This tool helps identify all instances of unsafe any usage. Specifically, all usages of JSON.parse can be found and it can be ensured that the received data's format is checked. More about getting rid of the any type in a codebase can be read in the article Making TypeScript Truly "Strongly Typed".
Project mention: How Automation Saved Me from Oops Moments: Never Skip Tests in Production Again! | dev.to | 2024-02-06We were already using lint-staged and have a pre-commit hook in place using Husky in our project for linter and prettier. So it made sense to add a check here.
Project mention: Interesting Bugs Caught by ESLint's no-constant-binary-expression | news.ycombinator.com | 2023-11-08> [1] https://github.com/jsx-eslint/eslint-plugin-react/blob/maste...
From what I remember, being able to pass children as a prop is considered a side-effect of an implementation detail, that breaks the expected abstraction. There really isn't any reason to use it, and I think there's a chance it may even confuse the virtual dom diffing?
Also this would prevent you from accidentally doing both at once:
Is it me?}>
Usually you would pick a config you like and set it up for your project, notable ones are already mentioned but I'll mention more:
- xo https://github.com/xojs/xo
TailwindCSS (with Flowbite)
Project mention: Free Next.js Boilerplate for ⚡️High-Performance⚡️ Enterprise Apps | dev.to | 2023-05-18The next-enterprise is an open-source template developed by Blazity that provides a robust set of features for building enterprise projects. It offers high-performance, maintainable and enjoyable web app development, making it an excellent choice for developers who want to streamline their workflow.
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.
Project mention: lsp-mode: Emacs client/library for the Language Server Protocol | /r/planetemacs | 2023-10-15
[2] https://github.com/dustinspecker/awesome-eslint#plugins
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: Speeding up the JavaScript ecosystem – Polyfills gone rogue | news.ycombinator.com | 2023-09-21I try to focus on the issues rather than individuals, but the root of the problems in the listed eslint plugin libraries points to ljharb.
If you do some simple digging into these libraries, you will find that these types of commits are quite common within them.
https://github.com/jsx-eslint/eslint-plugin-react/commit/e1d...
https://github.com/jsx-eslint/jsx-ast-utils/commit/bad51d062...
https://github.com/jsx-eslint/eslint-plugin-jsx-a11y/commit/...
He would rather see the download count of these polyfill libraries https://github.com/ljharb/ljharb#projects-i-maintain increase, compared to assessing the health of the JavaScript ecosystem.
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).
Eslint related posts
- Shared Data-Layer Setup For Micro Frontend Application with Nx Workspace
- Next.js Starter Template
- Decoding JavaScript Variables: A Comprehensive Overview
- 10 GitHub Repos for Mastering JavaScript
- Most basic code formatting
- High Level requirements and purposes
- How to use Lefthooks in your node project?
-
A note from our sponsor - SurveyJS
surveyjs.io | 26 Apr 2024
Index
What are some of the best open-source Eslint projects? This list will help you:
| Project | Stars | |
|---|---|---|
| 1 | javascript | 141,679 |
| 2 | nodebestpractices | 96,249 |
| 3 | Standard | 28,867 |
| 4 | ESLint | 24,281 |
| 5 | electron-react-boilerplate | 22,630 |
| 6 | js-stack-from-scratch | 20,041 |
| 7 | front-end-guide | 15,082 |
| 8 | typescript-eslint | 14,568 |
| 9 | lint-staged | 12,858 |
| 10 | eslint-plugin-react | 8,818 |
| 11 | XO | 7,543 |
| 12 | flowbite | 6,917 |
| 13 | rushstack | 5,596 |
| 14 | next-enterprise | 5,481 |
| 15 | eslint-plugin-import | 5,299 |
| 16 | eslint-config-prettier | 5,225 |
| 17 | lsp-mode | 4,658 |
| 18 | precedent | 4,466 |
| 19 | eslint-plugin-vue | 4,364 |
| 20 | awesome-eslint | 4,118 |
| 21 | prettier-eslint | 3,929 |
| 22 | eslint-plugin-unicorn | 3,866 |
| 23 | eslint-plugin-jsx-a11y | 3,321 |
Sponsored
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.
www.influxdata.com