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-rsquare

v1.1.0

Published

RSQUARE ESLint Config

Downloads

152

Readme

eslint-config-rsquare

  • RSQUARE ESLint 설정 레포지토리
  • index.js에서 배포하려는 전역 설정을 지정할 수 있음.

사용된 ESLint 디펜던시

  • @typescript-eslint/eslint-plugin typescript 플러그인
  • @typescript-eslint/parser typescript parser
  • eslint-config-airbnb Airbnb ESLint 설정
  • eslint-plugin-import 디펜던시 Import 플러그인
  • eslint-plugin-jsx-a11y JSX 플러그인
  • eslint-plugin-react React 플러그인
  • eslint-plugin-react-hooks React Hook 플러그인

설정에 사용할 ESLint config/plugin은 반드시 dependencies 트리에 추가해야함.
추후 eslint-config-rsquare 디펜던시 설치 시, dependencies에 선언된 디펜던시가 같이 추가됨.

배포 방법

GitHub Actions가 적용되어 있어, 아래와 같은 방법으로 자동 배포가 가능.

  1. npm version major 혹은 npm version minor를 실행하여 버전을 업데이트.
    1. 위 명령어 수행 시 package.json의 버전이 각각 1.0.0 -> 2.0.0, 1.0.0 -> 1.0.1로 업데이트되며, 커밋도 자동으로 생성됨
  2. 생성된 버전 커밋 push
  3. git push origin --tag 명령어로 현재 버전의 태그를 생성함
  4. GitHub의 Actions 탭에서 배포 현황 확인 (수 초 후 배포 완료됨)

사용법

yarn add -D eslint-config-rsquare
// .eslintrc.js
{
  "extends": ["rsquare"],
  // ...
}

위 ESLint 설정 파일은 .js 예시로, .json 등, 다른 형식의 설정파일에서도 위와 같이 사용가능.
이후 추가로 더할 config, plugin, rules 등을 오버라이딩해서 사용.