eslint-plugin-compat VS browserslist

Compare eslint-plugin-compat vs browserslist and see what are their differences.

eslint-plugin-compat

Check the browser compatibility of your code (by amilajack)

browserslist

๐Ÿฆ” Share target browsers between different front-end tools, like Autoprefixer, Stylelint and babel-preset-env (by browserslist)
Our great sponsors
  • Appwrite - The Open Source Firebase alternative introduces iOS support
  • Sonar - Write Clean JavaScript Code. Always.
  • InfluxDB - Build time-series-based applications quickly and at scale.
eslint-plugin-compat browserslist
5 44
2,908 11,639
- 0.7%
2.8 8.3
5 months ago 3 months ago
TypeScript JavaScript
MIT License MIT License
The number of mentions indicates the total number of mentions that we've tracked plus the number of user suggested alternatives.
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.

eslint-plugin-compat

Posts with mentions or reviews of eslint-plugin-compat. We have used some of these posts to build our list of alternatives and similar projects. The last one was on 2022-11-07.

browserslist

Posts with mentions or reviews of browserslist. We have used some of these posts to build our list of alternatives and similar projects. The last one was on 2023-02-01.
  • Set up Tailwind in your Project
    2 projects | dev.to | 1 Feb 2023
    warn - The `content` option in your Tailwind CSS configuration is missing or empty. warn - Configure your content sources or your generated CSS will be missing styles. warn - https://tailwindcss.com/docs/content-configuration Browserslist: caniuse-lite is outdated. Please run: npx [email protected] --update-db Why you should do it regularly: https://github.com/browserslist/browserslist#browsers-data-updating Rebuilding... Done in 88ms.
  • Lemmy 0.16.7 on OpenBSD 7.2
    14 projects | dev.to | 14 Jan 2023
    Browserslist: caniuse-lite is outdated. Please run: npx [email protected] --update-db Why you should do it regularly: https://github.com/browserslist/browserslist#browsers-data-updating Latest version: 1.0.30001444 Installed version: 1.0.30001298 Removing old caniuse-lite from lock file Installing new caniuse-lite version $ yarn add -W caniuse-lite (...) caniuse-lite has been successfully updated Target browser changes: - and_chr 96 + and_chr 108 (...) - ios_saf 12.2-12.5 + ios_saf 16.2 (...) - safari 13.1 + safari 16.2 (...) npm notice New major version of npm available! 8.15.0 -> 9.3.0 npm notice Changelog: https://github.com/npm/cli/releases/tag/v9.3.0 npm notice Run npm install -g [email protected] to update! npm notice
  • Need help understanding something. I have tried googling it and nothing is coming up.
    2 projects | reddit.com/r/css | 8 Jan 2023
  • Reveddit does not work
    2 projects | reddit.com/r/reveddit | 6 Jan 2023
    Unfortunately I'm not able to fix the issue for older versions of Chrome on Android. The tool I use to convert code to be backwards compatible only seems to know about the latest version of Chrome for Android, as mentioned in this issue. I left a comment in there but I doubt any solution is forthcoming.
  • When Vite ignores your Browserslist configuration
    9 projects | dev.to | 26 Dec 2022
    Iโ€™m a long time user of Browserslist and Vite and I was pretty convinced they paired very-well. It seems to be the case for both CSS and JavaScript output, but it actually is not for JavaScript.
  • The Complete Guide for Setting Up React App from Scratch (feat. TypeScript)
    16 projects | dev.to | 14 Dec 2022
    w/ postcss-preset-env(v7.8.3): convert modern CSS into something most browsers can understand, determining the polyfills you need based on your targeted browsers or runtime environments. It takes the support data that comes from MDN and Can I Use and determine from aย browserlistย whether those transformations are needed. It also packsย Autoprefixerย within and shares the list with it, so prefixes are only applied when you're going to need them given your browser support list.
  • Workerdย : le moteur dโ€™exรฉcution JavaScript / Wasm qui alimente les Workers de Cloudflareย โ€ฆ
    9 projects | dev.to | 4 Dec 2022
    [email protected]:~/gatsby-starter-netlify-cms# npm run build > [email protected] build > npm run clean && gatsby build > [email protected] clean > gatsby clean info Deleting .cache, public, /root/gatsby-starter-netlify-cms/node_modules/.cache/babel-loader, /root/gatsby-starter-netlify-cms/node_modules/.cache/terser-webpack-plugin info Successfully deleted directories success compile gatsby files - 1.048s success load gatsby config - 0.043s success load plugins - 1.357s warn gatsby-plugin-react-helmet: Gatsby now has built-in support for modifying the document head. Learn more at https://gatsby.dev/gatsby-head success onPreInit - 0.040s success initialize cache - 0.161s success copy gatsby files - 0.134s success Compiling Gatsby Functions - 0.270s success onPreBootstrap - 0.286s success createSchemaCustomization - 0.010s success Checking for changed pages - 0.013s success source and transform nodes - 0.384s info Writing GraphQL type definitions to /root/gatsby-starter-netlify-cms/.cache/schema.gql success building schema - 0.542s success createPages - 0.077s success createPagesStatefully - 0.134s info Total nodes: 135, SitePage nodes: 20 (use --verbose for breakdown) success Checking for changed pages - 0.001s success onPreExtractQueries - 0.001s success extract queries from components - 2.251s success write out redirect data - 0.026s success onPostBootstrap - 0.002s info bootstrap finished - 9.801s success write out requires - 0.006s warn Browserslist: caniuse-lite is outdated. Please run: npx [email protected] --update-db Why you should do it regularly: https://github.com/browserslist/browserslist#browsers-data-updating โ ด Building production JavaScript and CSS bundles Browserslist: caniuse-lite is outdated. Please run: npx [email protected] --update-db gatsby-plugin-purgecss: Only processing /root/gatsby-starter-netlify-cms/src/components/all.sass โ  Building production JavaScript and CSS bundles Browserslist: caniuse-lite is outdated. Please run: npx [email protected] --update-db success Building production JavaScript and CSS bundles - 76.447s gatsby-plugin-purgecss: Previous CSS Size: 207.53 KB New CSS Size: 19.24 KB (-90.73%) Removed ~188.29 KB of CSS success Building HTML renderer - 20.640s success Execute page configs - 0.064s success Caching Webpack compilations - 0.001s success run queries in workers - 1.133s - 22/22 19.42/s success Running gatsby-plugin-sharp.IMAGE_PROCESSING jobs - 5.756s - 26/26 4.52/s success Merge worker state - 0.003s success Rewriting compilation hashes - 0.002s success Writing page-data.json files to public directory - 0.033s - 20/20 611.17/s success Building static HTML for pages - 3.170s - 20/20 6.31/s info [gatsby-plugin-netlify] Creating SSR/DSG redirects... info [gatsby-plugin-netlify] Created 0 SSR/DSG redirects... success onPostBuild - 0.015s info Done building in 116.458844476 sec Pages โ”Œ src/templates/index-page.js โ”‚ โ”” / โ”œ src/templates/about-page.js โ”‚ โ”” /about/ โ”œ src/templates/blog-post.js โ”‚ โ”œ /blog/2016-12-17-making-sense-of-the-scaas-new-flavor-wheel/ โ”‚ โ”” ...2 more pages available โ”œ src/templates/product-page.js โ”‚ โ”” /products/ โ”œ src/templates/tags.js โ”‚ โ”œ /tags/flavor/ โ”‚ โ”” ...5 more pages available โ”œ src/pages/404.js โ”‚ โ”œ /404/ โ”‚ โ”” /404.html โ”œ src/pages/blog/index.js โ”‚ โ”” /blog/ โ”œ src/pages/contact/examples.js โ”‚ โ”” /contact/examples/ โ”œ src/pages/contact/file-upload.js โ”‚ โ”” /contact/file-upload/ โ”œ src/pages/contact/index.js โ”‚ โ”” /contact/ โ”œ src/pages/contact/thanks.js โ”‚ โ”” /contact/thanks/ โ”” src/pages/tags/index.js โ”” /tags/ โ•ญโ”€โ”€โ”€โ”€โ”€โ”€โ”€โ”€โ”€โ”€โ”€โ”€โ”€โ”€โ”€โ”€โ”€โ”€โ”€โ”€โ”€โ”€โ”€โ”€โ”€โ”€โ”€โ”€โ”€โ”€โ”€โ”€โ”€โ”€โ”€โ”€โ”€โ”€โ”€โ”€โ”€โ”€โ”€โ”€โ”€โ”€โ”€โ”€โ”€โ”€โ”€โ”€โ”€โ”€โ”€โ”€โ”€โ”€โ”€โ”€โ”€โ”€โ”€โ”€โ•ฎ โ”‚ โ”‚ โ”‚ (SSG) Generated at build time โ”‚ โ”‚ D (DSG) Deferred static generation - page generated at runtime โ”‚ โ”‚ โˆž (SSR) Server-side renders at runtime (uses getServerData) โ”‚ โ”‚ ฮป (Function) Gatsby function โ”‚ โ”‚ โ”‚ โ•ฐโ”€โ”€โ”€โ”€โ”€โ”€โ”€โ”€โ”€โ”€โ”€โ”€โ”€โ”€โ”€โ”€โ”€โ”€โ”€โ”€โ”€โ”€โ”€โ”€โ”€โ”€โ”€โ”€โ”€โ”€โ”€โ”€โ”€โ”€โ”€โ”€โ”€โ”€โ”€โ”€โ”€โ”€โ”€โ”€โ”€โ”€โ”€โ”€โ”€โ”€โ”€โ”€โ”€โ”€โ”€โ”€โ”€โ”€โ”€โ”€โ”€โ”€โ”€โ”€โ•ฏ
  • Advice for experienced dev taking on front-end role?
    6 projects | reddit.com/r/Frontend | 11 Nov 2022
    Tooling takes away alot of headaches and saves yourself from "being clever" (stupid). Most front-end tooling can be run out of the nodeJS runtime, so even if your stack isn't JS oriented, it's still worth running node. The obvious shoutouts: Vite, eslint, stylelint, postCSS, browserslist. Playwright is somethin else you can give a look at if your scope of work is large enough.
  • Changing Browserlist query broke some pages
    2 projects | reddit.com/r/reactjs | 30 Sep 2022
    Actually this site doesn't use the latest caniuse-lite db. This one uses the latest one: https://browsersl.ist
    2 projects | reddit.com/r/reactjs | 30 Sep 2022
    https://browsersl.ist does the same thing.

What are some alternatives?

When comparing eslint-plugin-compat and browserslist you can also consider the following projects:

autoprefixer - Parse CSS and add vendor prefixes to rules by Can I Use

parcel - The zero configuration build tool for the web. ๐Ÿ“ฆ๐Ÿš€

caniuse - Raw browser/feature support data from caniuse.com

rollup-plugin-terser - Rollup plugin to minify generated bundle

stylelint-no-unsupported-browser-features - Disallow features that aren't supported by your target browser audience.

react-typescript-webpack-starter - A starter project for using React, TypeScript, SCSS using Webpack 5.

TypeScript - TypeScript is a superset of JavaScript that compiles to clean JavaScript output.

rollup-plugin-postcss - Seamless integration between Rollup and PostCSS.

ECMAScript 6 compatibility table - ECMAScript 5/6/7 compatibility tables

parcel-html-css-js-starter-template - An HTML, CSS, and JS web app starter template using the Parcel web app bundler.

create-react-app - Set up a modern web app by running one command.

ESLint - Find and fix problems in your JavaScript code.