あなたのフォーク反応ライブラリの変更をテストする最速の方法

私はかなり簡単に自動化タスクで自分自身を繰り返していた:私は簡単に孤立した環境で私のプロジェクトをテストすることができます反応サンドボックスを作成します.
それから、私は私の袖を巻いて、私の最初のコマンドラインアプリケーションを作成して終了!それはcreate-sandbox ✨
「最初にcodesandbox . ioとはどのように異なっていますか?」ということが考えられます.
よく-- Codesandbox.IOは、私が広範囲に使用する素晴らしいプロジェクトであるにもかかわらず、公開されたパッケージのインストールを許します.それだけではなく、あなたを閲覧させませんnode_modules , ソースコードを変更することは不可能です.
また、サポートしていませんlinking , したがって、ライブラリの変更をリアルタイムで繰り返すことはできません.
以下のように実行できます:

npx create-sandbox <source>

どこsource GitリポジトリURL(sshかhttpsなら問題ではない)か、ファイルシステムの既存のフォルダです.
テストのために、私自身を選びますuse-data-structures 図書館.つの推測として、それは反応の中で強力なデータ構造を可能にするいくつかのフックを公開します.レッツゴー!

➜  npx create-sandbox [email protected]:zaguiini/use-data-structures.git

✔ Cloned successfully
✔ React sandbox created successfully
✔ Project dependencies installed
✔ Dependencies linked

  Done!

  Now enter the `use-data-structures-sandbox` directory,
  run `yarn start` and enjoy your development sandbox!

And 💥! 私のサンドボックスが作成されます!
走るときyarn start 私のサンドボックスフォルダでyarn start 私のフォークプロジェクトでは、リアルタイムで私の変更をテストすることができます!
これはサンドボックスで使用します.

これはブラウザで見たものです.

今、私が何を変えるかについて見てくださいpeek メソッドの値を返しますblue da ba dee da ba di :

かなりクール、右?リポジトリをクローン化し、サンドボックスを作成し、フォークされたプロジェクトをリンクし、その上でイテレーションを開始するコマンドを1つだけ取った.涼しいことはcreate-sandbox 使用されているプロジェクトマネージャは、フォークのパッケージを使用して、それはNPMや糸.
これはほんの始まりです.今、create-sandbox 単純な反応プロジェクトでのみ動作します.将来的には、monoreposサポートされます.
それだけではなく、vue、angle、svelteなどのJavaScriptフレームワークをサポートする予定です.
未来は明るく見える.あなたが私がそれをした方法を疑問に思っているならば.here's the repository . それは完全なロードマップ、ドキュメントと一緒に!我々に加わってください!
読書ありがとう!質問があれば知らせてください.