目的

モジュールバンドラーについて同僚と話したとき、Bunとも話をしました。create-react-appは非常に便利ですが、バンドル時間は非常に長くなります。最近、vue.jsのバングルツールとしてviteを使用しました。これは、create-react-appと比較して非常に高速であり、より高速に開発できるBunを見つけました。

お団子とは？

この記事の一番上の画像に含まれているように、BunはJarredSummerによって開発された高速のオールインワンJavaScriptランタイムです。このランタイムは、Google Chromeを強化するJavascriptV8エンジンの代わりに、Apple（Safari、iOS）で使用されるJavascriptCoreを使用します。手動のメモリ管理を備えた低レベルのプログラミング言語であるZigのおかげで、このランタイムはNodeやDenoよりも高速に実行されます。下の画像のように。注意：この結果は実行中の関数に依存する可能性があるため、自分で試す必要があります。ただし、通常、このランタイムは他のランタイムよりも高速です。

サーバーセクションの開発の待ち時間は少し退屈なので、スムーズに開発するにはレンダリング速度が非常に重要です。さらに、Vite in Purposeのセクションですでに述べたように、バンドル時間は非常に重要ですが、Bunにはそれ以上のものがあります。このランタイムには、yarnやnpmなどのパッケージマネージャーとして使用されるTSトランスパイラー、タスクランナーとして使用される、デフォルトの.envロード（dotenvは不要）、デフォルトのSQliteクライアントがあります。パッケージのインストール時間も速くなります。これはまさに私たちが必要とするものすべてを1つのパッケージにまとめたものです。

はい、このランタイムは非常に便利です。しかし、欠点はありませんか？はい、いくつかあります。

まず、このランタイムは1人の人によって開発されました（すでにJarred Summer氏が述べたように）。彼は理想的なものをすばやく作成できるので、これは非常に賢いです。逆に、彼がこのランタイムを開発する熱意を失った場合（または興味を別のものに切り替えた場合）、このランタイムは維持されなくなり、開発を停止します。プロジェクト全体をBunに切り替えたい場合は、欠点になる可能性があります。

第二に、このランタイムは、これまでのところDenoと比較してNode.jsと互換性がありません。このランタイムをスターターキットとして使用する場合、それは大きな問題ではありません。ただし、現状ではNode.jsを使用するプロジェクトが多いため、Bunを使用する場合はこれを置き換える必要があります。これは問題になる可能性があります。また、このランタイムは初期段階（ベータ版）であるため、まだ実装されていない機能がいくつかあります。公式サイトでリストを添付しました。next.js、remixなどのフレームワークでこのランタイムを使用する場合は、READ.MEとロードマップを確認する必要があります。

まだ実装していないリスト

さて、それは概念について言及するのに十分です。例に行きましょう。

例

ステップ

1. お団子をインストールします

> curl https://bun.sh/install | bash

> vim ~/.zshrc  // you can use your text editor

export PATH="/Users/owner/.bun/bin:$PATH"  // add this line your setting path file

> source ~/.zshrc // confirm path

> bun --version
0.1.4 // If you successfully installed bun and set path, the version would be here

// http.js

export default {
  port: 3000,
  fetch(request) {
    return new Response("Welcome to Bun!");
  },
};

反応の例

ステップ

1. 以下のコマンドでプロジェクトを作成します

bun create react ./app   // This is your app name


2. アプリを実行する

> cd app
> bun dev

bun bun ./src/index.jsx

bun dev

結論

すでに述べたように、このランタイムはオールインワンであり、ノードと比較して革新的な機能はありませんが、非常に便利です。言い換えれば、このランタイムには急な学習曲線がなく、簡単に慣れることができます。

参照

公式ウェブサイト：https://bun.sh/

Github：https://github.com/oven-sh/bun#Reference

BunでReactアプリを作成します。https://dev.to/ashirbadgudu/create-a-react-app-with-bun-125o

到てオールインワンなJavaScriptランタイム「お団子」：https://dev.classmethod.jp/articles/bun/

読んでくれてありがとう！！