@ecremmoce-pkg/ui v1.0.20

Ecremmoce Lake House

시작하기

git clone https://ecremmoce@dev.azure.com/ecremmoce/Ecremmoce/_git/ReactPkgUI ReactPkgUI
cd ReactPkgUI
npm install
npm start

Rebuild

// node_modules 및 package -lock 제거 후 다시 npm install 진행함.
npm run install:clean

환경변수 설정

.env.development, .env.test, .env.production

# API Url 설정 (.env 파일)
REACT_APP_API_URL = "API URL"

# 변수 추가시
REACT_APP_변수 이름

Visual Studio 2019 (Windows)

System variables 의 Path 에 다음 내용 추가 후 Tool 종료 후 재실행 C:\Program Files\Git\usr\bin\cygpath.exe C:\Program Files\Git\bin

Code Splitting

React lazy 활용

> app-routes.js

예제)
const Component = lazy(() => import('./domain/example/Component'));

적용된 모듈 및 라이브러리

• Code Splitting
• Suspense
• ESLint
• React
• Styled components
• React Intl
• ecremmoce-Package
• Form Validation
• Husky