npm package discovery and stats viewer.

Discover Tips

  • General search

    [free text search, go nuts!]

  • Package details

    pkg:[package-name]

  • User packages

    @[username]

Sponsor

Optimize Toolset

I’ve always been into building performant and accessible sites, but lately I’ve been taking it extremely seriously. So much so that I’ve been building a tool to help me optimize and monitor the sites that I build to make sure that I’m making an attempt to offer the best experience to those who visit them. If you’re into performant, accessible and SEO friendly sites, you might like it too! You can check it out at Optimize Toolset.

About

Hi, 👋, I’m Ryan Hefner  and I built this site for me, and you! The goal of this site was to provide an easy way for me to check the stats on my npm packages, both for prioritizing issues and updates, and to give me a little kick in the pants to keep up on stuff.

As I was building it, I realized that I was actually using the tool to build the tool, and figured I might as well put this out there and hopefully others will find it to be a fast and useful way to search and browse npm packages as I have.

If you’re interested in other things I’m working on, follow me on Twitter or check out the open source projects I’ve been publishing on GitHub.

I am also working on a Twitter bot for this site to tweet the most popular, newest, random packages from npm. Please follow that account now and it will start sending out packages soon–ish.

Open Software & Tools

This site wouldn’t be possible without the immense generosity and tireless efforts from the people who make contributions to the world and share their work via open source initiatives. Thank you 🙏

© 2024 – Pkg Stats / Ryan Hefner

eslint-config-flowics

v13.0.0

Published

ESLint's shareable config for Flowics JavaScript projects

Downloads

65

Readme

#eslint-config-flowics

Common coding conventions for ensuring consistent style across Flowics JavaScript projects

Usage

eslint-config-flowics exports several configuration, that can be combined with each other:

  • lib/base: Rules only from eslint (no plugins). Several style rules & best practices
  • lib/promises: requires eslint-plugin-promise plugin. Promises checks & best practices
  • lib/react: requires eslint-plugin-react plugin. React checks & best practices
  • lib/flowtype: requires eslint-plugin-flowtype plugin. Flowtype checks & best practices
  • lib/imports: requires eslint-plugin-import plugin. Checks imports. Allows to detect if you are importing a symbol that is no exported in the source module. USE IT!
  • lib/tests: Use it to override lib/base to loosen up some rules in tests, and enable env jest & mocha.

To use them, just configure your .eslintrc.json as:

{
  "parser": "babel-eslint",
  "extends": [
    "flowics/lib/base",
    "flowics/lib/promises",
    "flowics/lib/react",
    "flowics/lib/flowtype",
    "flowics/lib/imports",
    "flowics/lib/tests",
  ]
}

Just combine the ones you are interested in.

Old Usage

The old way of using this config is still available (for now), but not recommend.

You have a few presets that include several of the mentioned configs.

  • lib/frontend: Composes base,promises,flowtype,imports,react & adds env: browser
  • lib/backend: Composes base,promises,flowtype,imports,react & adds env: node

Don't use them, it's better to compose the config on your own, so you only add the traits your project uses. (maybe you are not using flowtype or react, or don't care about promises rules)

Installation

Install eslint, the config, and the required plugins

yarn add --dev eslint babel-eslint eslint-config-flowics eslint-config-prettier

Optionally, if you use the imports config, also do:

yarn add --dev eslint-plugin-import

Optionally, if you use the react config, also do:

yarn add --dev eslint-plugin-react

Optionally, if you use the promise config, also do:

yarn add --dev eslint-plugin-promise

Optionally, if you use the flowtype config, also do:

yarn add --dev eslint-plugin-flowtype

To publish a new version

Run

npm publish

And answer the questions!