Create React App With Bun

Create React with Bun

Bun là cái gì ?

Theo bun.sh, bun là một Javascript Runtime giống như Node hoặc Deno.

Bun được tạo ra với những phương châm như:

  • Khởi tạo nhanh.
  • Cung cấp Runtime hiệu suất cao.
  • Trở thành một công cụ hoàn tất, cung cấp bundler, transcipter, package manager…

Đọc thêm tại bun.sh.

Cài đặt Bun

Bạn có thể làm theo hướng dẫn trên trang web chính thức của Bun để cài đặt hoặc chạy câu lệnh cài đặt sau (linux).

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

Sau khi chạy xong, bạn đã cài đặt thành công bun.

Để cho chắc chắn, chạy câu lệnh sau để kiểm tra phiên bản của bun

bun -v

Note: Tại thời điểm viết bài này, bun đang ở version 0.1.4

Tạo React App

Khởi tạo

Để tạo một React App, chỉ cần đơn giản chạy câu lệnh sau

bun create react [your-react-app-name]

Khi hoàn thành, bạn sẽ có một thư mục là app react của bạn.

Development server

Khởi chạy dev server cho app cũa bạn.

cd [your-react-app-name]
bun dev

Build cho môi trường production

Do bun không cài đặt sẵn react script, nên bạn sẽ cần cài đặt nó.

bun add react-scripts --save-dev
# or
bun a react-scripts -d

Sau khi cài đặt xong, chạy lệnh sau để build production

bun react-scripts build

Vậy là xong.

Tuy nhiên, nếu bạn không muốn phải nhập câu lệnh đó mỗi lần build, bạn có thể thêm nó vào packages.json

{
  "scripts": {
    "build": "react-scripts build"
  }
}

Sau thi thêm câu lệnh, nếu cần build thì chỉ cần chạy

bun run build

Bonus

Khi có một dự án mới, để cài đặt các modules chỉ cần chạy

bun install
# or
bun i

Nếu bun của bạn đang ở phiên bản cũ hơn, để nâng cấp bun, chỉ cần chạy

bun upgrade

Vậy là hết rồi. Cảm ơn các bạn đã đọc!!

Happy Coding!

CodeChoVui

CodeChoVui

Kỹ sư phần mềm, người đam mê hệ thống tối giản, web development và mã nguồn mở. Chia sẻ góc nhìn công nghệ và trải nghiệm lập trình thực chiến.

Theo dõi bản tin CodeChoVui

Nhận thông báo qua email mỗi khi có bài viết mới về lập trình, trải nghiệm phần mềm và công nghệ.

Gửi ý kiến thảo luận