リリース 0.3 : patternfly-react


問題について



今回は、小さな問題を探してみようと思いますが、さらに大きなプロジェクトで、そこからどれだけ学べるか見てみましょう.そのため、すぐに使用できる反応コンポーネントを備えたフレームワークに出くわしました.次に、 patternfly-react にサインアップすることにしました.ここで、 FocusTrap を非アクティブにするための小道具を渡します.

問題-6494 プロジェクトへのアプローチ



最初に、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 で作業する機会がある を試し、プロジェクトから以前の node_modules をすべてアンインストールしました.
yarn test を再度実行しました.今回はさらに多くのテストに合格しましたが、これらの import ステートメントを含むテストではパスを解決できませんでした.

import "@patern-fly/"



検索に時間を費やした後、importステートメントがリポジトリへのパスだけでなく、buildバージョンのリポジトリをインポートしていることに気づきました. yarn build を実行すると、すべてのテストがスムーズに進みました.

npkill 機能の追加


FocusTrap を非アクティブにするのは非常に簡単です.小道具を宣言してFocusTrapに使用するだけですが、リンティングは常に文句を言いますが、マシンでyarn lintまたはyarn lint:tsを実行できず、チームと通信しようとしましたが、チームから連絡がありませんでしたが、このような大きなプロジェクトで、私にとって非常に興奮した学習の旅でした.
あなたは私の をチェックすることができます