Что такое Бан? 🤔

Bun построен на Zig и может транспилировать, настраивать и запускать проекты TypeScript и JavaScript. Это полноценная утилита, так как она также работает как менеджер пакетов. Вот почему это называется все в булочке. Это стало возможным благодаря использованию Zig, устаревшего языка программирования, изначально созданного для видеоигр.

Примечательно, что bun создает другой файл bun.lockb, который не сравним со стандартным типичным файлом yarn.lock или package-lock. .json файл. Файл блокировки, который идет вместе с ним, создается в двоичном виде. Именно почему? из-за факторов, связанных с производительностью. Это может затруднить отслеживание изменений в общих PR.

Спектакль 🏃‍♂️

Теперь люди называют его молниеносно быстрым, а не просто быстрым.

Что может быть лучше подробного изучения некоторых тестов в сравнении с NodeJs и Deno:

Сравнение рендеринга React на стороне сервера :

В SSR React Bun, несомненно, более чем в 3 раза быстрее🚀 при обработке HTTP-запросов.

Сравнение с точки зрения хеширования:

У Bun ошеломляюще в 6,3 раза выше средняя😮 пропускная способность запросов, чем у deno и nodeJ соответственно.

Поддержите ⛷️

Многочисленные Node.js и веб-API, такие как fs, path, Buffer и другие, изначально поддерживаются Bun. Это означает, что многие уже используемые пакеты npm будут запускаться с помощью bun.

Благодаря улучшенным и более удобным инструментам Бан хочет запускать большую часть JavaScript вне браузеров, повышая сложность и скорость инфраструктуры.

  • TypeScript с JSX? Это сработает. (даже поддержка .tsconfig).
  • Бункируйте файлы loads.env автоматически.
  • Модули узлов? Нет проблем.
  • Существуют встроенные веб-API, такие как fetch и WebSocket.
  • Провести тест? Он у нас есть. Это также быстро.
  • Диспетчер пакетов? Он стремительно растет.

Начало работы 🎬

Запустите этот установочный скрипт в своем терминале, чтобы установить Bun. С GitHub скачивается Bun.

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

Создайте реагирующее приложение 🔨

Запустите команду ниже, чтобы сразу создать приложение для реагирования.

bun create react bun-app

Он создаст новый каталог с именем вашего приложения. Чтобы запустить приложение, выполните следующую команду

cd your-app-name
bun dev

Создайте производственный пакет для приложения React 🏗️

React-скрипты по умолчанию не включены в Bun, поэтому вы должны сначала установить его.

bun a react-scripts -d

Он настроен в этом месте как зависимость для разработчиков.
После этого запустите следующую команду, чтобы создать производственный пакет.

bun react-scripts build

Рабочий пакет будет создан, когда вы выполните вышеупомянутую команду, и он будет сохранен в каталоге build.

Добавление scripts в ваш package.json 📜

Перечисленные ниже сценарии можно включить в наш файл package.json.

{
  "scripts": {
    "start": "bun dev",
    "build": "react-scripts build"
  }
}

Чтобы запустить приложение, введите следующую команду.

bun start

И чтобы создать производственный пакет, мы можем ввести следующую команду.

bun run build

Приложение ✨

Бонус 💰

Бан по умолчанию создает реагирующие приложения с помощью javascript, однако машинописный текст можно использовать, просто изменив расширение файла с .jsx на .tsx.

Вывод 💭

Замечательно, что у Bun.js высокие цели на будущее. Хотя в настоящее время слишком рано заявлять, что он заменит Node.js, это его предполагаемая замена. Хотя Bun.js работает безумно, он пытается заменить множество инструментов одновременно, что оказывает сильное давление на разработчиков Bun.js. Кроме того, Zig — не очень известный язык программирования, что, на мой взгляд, затрудняет поиск исполнителя.

Потребуются годы, чтобы Bun.js созрел и стал технологией, которую мы можем использовать в производственных приложениях, потому что она все еще слишком нова и незрела. Несмотря на это, у него есть большой потенциал.

URL-адрес приложения на Github 💻



GitHub — devangtomar/bun-app
Внесите свой вклад в разработку devangtomar/bun-app, создав учетную запись на GitHub.github.com



Свяжитесь со мной в социальных сетях

🐦 Следуйте за мной в Twitter: devangtomar7
🔗 Свяжитесь со мной в LinkedIn:devangtomar
📷 Загляните в мой Instagram: be_ayushmann
Ⓜ️Просмотреть мои блоги на Medium:Devang Tomar
#️⃣Просмотреть мои блоги на Hashnode:devangtomar
🧑‍💻Проверьте мои блоги на Dev.to:devangtomar