ladderly 3

について

Ladderly Ecosystemは、コミュニティ、ツールのセット、および個人が技術キャリアの進行をコード化して加速することを学ぶのに役立つように設計された教育プログラムです。詳細については、これらの他のリポジトリをご覧ください。

1. はしごのスライド
2. rect
3. Redyellowgreen

はじめる

まず、docs/setup.mdを確認します。

次に、開発モードでアプリをインストール、シード、および実行します。

npm i
npm run seed
npm run dev

http：// localhost：3000を開き、ブラウザを使用して結果を確認します。

チェックリストの更新

Seedデータを変更して、 npm run seedを使用して変更するだけです

推奨ツール

./.vscode/extensions.jsonにリストされている拡張機能が推奨されます。

環境変数

.env.localファイルに必要な環境変数があることを確認してください。

 DATABASE_URL=postgresql://<YOUR_DB_USERNAME>@localhost:5432/ladderly-3

.env.test.localファイルに必要な環境変数があることを確認してください。

 DATABASE_URL=postgresql://<YOUR_DB_USERNAME>@localhost:5432/ladderly-3_test

テスト

Jestを使用してテストを実行します。

 yarn test

Blitzには、VitestとReact-Testing-Libraryを使用したテストセットアップが付属しています。

で構築されています

1. Blitz.js
2. ESLINT ：それはあなたのコードを覆っています：悪いプラクティスを検索して、それについて教えてください。 .eslintrc.jsを介してカスタマイズすることができ、プラグインをインストール（または書き込み）して、好きなようにすることができます。既にblitz構成が付属していますが、安全に削除できます。もっと詳しく知る。
3. ハスキー：特定のgitイベントがトリガーされたときに実行される小さなコードを追加します。たとえば、 pre-commit 、コミットが作成される直前にトリガーされます。 .husky/内部の現在のフックを見ることができます。コミットとプッシュに問題がある場合は、トラブルシューティングガイドをチェックしてください。もっと詳しく知る。
4. きれい：コードをフォーマットして、どこにでも同じように見えるようにします。 .prettierrcファイルを介して構成できます。 .prettierignoreには、きれいに無視されるべきファイルが含まれています。大きなファイルがある場合、またはカスタムフォーマットを維持する場合に便利です。もっと詳しく知る。