3.0.0 • Published 7 months ago
jeonny-boilerplate v3.0.0
Jeonny-BoilerPlate
- Helps with easy initial setup of React or Next project.(react 또는 next 프로젝트의 손쉬운 초기 설정을 도와줍니다.)
Includes
React
libs
- react
- typescript
- prettier
- eslint
- react-router-dom
- axios
ESLint/Prettier
- Uses ESLint/Prettier Settings from Airbnb. (Airbnb 사의 ESLint/Prettier Settings을 사용합니다.)
Provides 10 foleders for Code classification
- assets Stores static files such as images, fonts, and icons. (이미지, 폰트, 아이콘과 같은 정적 파일들을 저장합니다.)
- conponents Stores reusable UI components. (재사용 가능한 UI 컴포넌트를 저장합니다.)
- constants Stores constant values used within the application. (애플리케이션 내에서 사용되는 상수값을 저장합니다.)
- hooks Saves custom custom hooks. (사용자 정의 커스텀 훅을 저장합니다.)
- pages Stores the main view pages displayed by the router. (라우터에 의해 표시되는 주요 뷰 페이지를 저장합니다.)
- store Stores files related to global state management. (전역 상태 관리와 관련된 파일을 저장합니다.)
- styles Save the files associated with the style. (스타일과 관련된 파일을 저장합니다.)
- types Stores custom types utilized in Typescript. (Typescript에서 활용되는 사용자 정의 타입을 저장합니다.)
- utils Stores API functions and utility functions. (API 함수 및 유틸리티 함수들을 저장합니다.)
Next (updating...)
- next
- eslint
How to use
1. install package
npm install -g jeonny-boilderplate
2. Execute command to create project
- (options) Provides --use option. Enter react or next.
- If you do not enter the --use option, a react project is created by default.
npx create-jb-app project-name
or
npx create-jb-app project-name --use next
3. Go to the root path of the project and run the following command.
- react : npm start
- next : npm run dev
version
- 1.0.0 : default react project settings with vite
- 2.0.0 : Create-React-App -> Create-React-App, change directory structure
- 3.0.0 : Add next project Creation (Using the use option)
info
- creator : Jeonny