릴리스 0.3 : 패턴 플라이 반응

문제 정보

이번에는 작은 문제를 찾아보고 더 큰 프로젝트에서 내가 얼마나 많은 것을 배울 수 있는지 스스로에게 말하겠습니다. 그래서 바로 사용할 수 있는 반응 구성 요소가 있는 프레임워크를 발견했습니다patternfly-react. 그런 다음 issue- 6494 에 가입하기로 결정합니다. 여기서 FocusTrap 비활성화되도록 소품을 전달합니다.

프로젝트에 접근

처음에는 CONTRIBUTTING.md 파일을 읽어보고 빠뜨린 것이 없는지 확인하고 환경을 설정하는 방법을 배웠습니다. 큰 프로젝트임에도 불구하고 환경을 설정하고 테스트를 실행하는 절차가 처음에는 명확하지 않았습니다.

프로젝트에 대한 나의 첫 번째 시도는 프로젝트에 필요한 모든 종속성을 설치하기 위해 실행npm install하는 것입니다. 완료되면 npm test 또는 yarn test를 실행하려고 하지만 416 단위 테스트가 실패했으며 설정에 문제가 있음을 알았습니다.

시간을 들여 삭제node_modules하고 계속해서 다시 설치하고 인터넷에서 오류를 검색한 후 Duke에게 다시 말했지만 운이 없었습니다. 그런 다음 잠시 말을 한 후 yarn를 패키지 관리자로 사용하여 이전에 작업할 기회가 없었기 때문에 프로젝트에 와서 yarn.lock 를 볼 때 그냥 무시합니다. 나에게 문제를 일으키는 곳. npm install를 사용하여 모든 패키지를 설치하는 대신 모든 yarn에 필요한 패키지를 설치하기 위해 mono-repo를 사용해야 합니다.

여기에 흥미로운 부분이 있습니다. 이전에 mono-repo에 대해 들었지만 이 프로젝트 작업을 시작할 때까지 실제 생활에서 그것을 시각화하는 방법을 이해하거나 알지 못합니다. 그래서 모든 작은 리포지토리에는 자체node_modules가 필요하기 때문에 일반package_lock.json을 확인할 때 종속성 아래에 나열된 패키지를 많이 보지 못했습니다.

나는 yarn를 사용하고 yarn test를 다시 실행하려고 시도하지만 여전히 동일한 문제를 보여줍니다. node_modules 에 의해 설치된 모든 npm install 도 삭제해야 한다는 것을 깨달았습니다. 이번에는 평소처럼 수동으로 node_modules 각각을 확인하고 삭제해야 하는 경우 시간이 많이 걸릴 것입니다. 그래서 WEB422에서 작업할 기회가 있는 npkill을 시도하고 프로젝트에서 이전node_modules을 모두 제거했습니다.
yarn test를 다시 실행했는데 이번에는 더 많은 테스트를 통과했지만 이러한 import 문이 있는 테스트는 경로를 확인할 수 없습니다.

import "@patern-fly/"

검색하는 데 시간을 보낸 후 import 문이 경로뿐만 아니라 build 버전의 리포지토리를 가져오고 있음을 regconize합니다. 그래서 나는 yarn build 실행했고 모든 테스트는 순조롭게 진행되었습니다.

기능 추가

FocusTrap를 비활성화하는 것은 나에게 매우 쉽습니다. 소품을 선언하고 FocusTrap에 사용하기만 하면 되지만 Linting은 항상 불평하지만 내 컴퓨터에서 yarn lint 또는 yarn lint:ts를 실행할 수 없었고 팀과 의사 소통을 시도했지만 소식을 듣지 못했습니다. 하지만 저에게는 이와 같은 큰 프로젝트가 있는 매우 흥미로운 학습 여정이었습니다.
내 PR를 확인할 수 있습니다