How to dev locally

Step 1: Run npm command: npm link

Step 2: For avoid bug duplicate react, run npm command: npm link /node_modules/react (Eg: ../acm/node_modules/react)

Step 3: For aboid bug duplicate material-ui, run commands: npm link /node_modules/@material-ui/core npm link /node_modules/@material-ui/icons npm link /node_modules/@material-ui/pickers npm link /node_modules/@material-ui/styles

Step 4: Into project use this library folder, run npm command: npm link awing-library

Then when library code change, the library code into project use it change too.

How to run storybook to test UI

Add option "noEmit": true in the file tsconfig.json

Run command: yarn storybook

How to link "Awing-library" to project in local branch: r18-mui5-beta

In Library source code

Sau khi thực hiện mỗi lệnh đều phải trở về thư mục gốc của thư viện

• Step 1: Build thư viện

yarn build

• Step 2: Tạo link thư viện

yarn build
yarn link
cd node_modules/react
yarn link
cd ../..
cd node_modules/react-dom
yarn link
cd ../..
cd node_modules/@mui/material
yarn link
cd ../../..
cd node_modules/@mui/styles
yarn link

In project

Sau khi thực hiện mỗi lệnh đều phải trở về thư mục gốc của project

• Xoá dependencies trong node_modules

rm -rf node_modules/react node_modules/react-dom node_modules/@mui/styles node_modules/@mui/material node_modules/awing-library

• Link library to project

yarn link react react-dom @mui/material @mui/styles awing-library