bp

basic boiler plate project.

How to use?

시작하기 위해선 다음처럼 진행합니다.

# To run typescript project
npx @sshrik/bp APP_NAME

# To run javascript project
npx @sshrik/bp -t js APP_NAME

# To run typescript react project
npx @sshrik/bp -t react-ts APP_NAME

# or you can use shorthand project type
npx @sshrik/bp -t rts APP_NAME

# After make project finish
cd APP_NAME
yarn

How to run? - typescript react

실행하기 위해선 다음처럼 사용합니다. 기본포트는 8000입니다.

yarn run:dev # localhost:8000 으로 시작하기
yarn build # build
yarn lint:fix # lint 고치기

How to run? - typescript / javascript

hello world 를 출력하는 기본 프로젝트입니다.

yarn dev

프로젝트에는

이 프로젝트에는 다음과 같은 라이브러리들이 포함되어 있습니다.

Typescript React

• Typescript
• ES Lint + Prettier
• React + React Router
• styled-component
• Webpack

Code Rule

이 프로젝트는 AirBnB Codestyle을 따릅니다. 그러나 개발 편의상 다른점이 있습니다.

ImportNamespaceSpecifier

일반적으로 아래와 같은 코드는 Anit-Pattern입니다. 필요하지 않은 모든 컴포넌트들을 로딩하는 것은 더 많은 시간이 걸릴 것 입니다.

import * as S from 'components/typo.styles';

그러나 이 프로젝트는 ~.style.ts 같이 style.[ext]로 끝나는 파일에 대해서 import * 하는것을 막지 않습니다. 그 외의 import * / export * 은 ESLint 규칙 중 no-restricted-syntax 에 의해 금지됩니다.