Bun을 React와 함께 사용하기

이제 Bun setup locally 이 있으므로 React와 어떻게 작동하는지 살펴보겠습니다.

멋진 부분은 실제로 Bun의 상자에서 빌드를 얻는다는 것입니다. 그래서 그것을 사용하고 그것을 가지고 놀자.

Bun을 React와 함께 사용하기

시작하려면 터미널을 열고 다음 명령을 실행하십시오.

bun create react bun-react

bun-react 부분은 그 안에 모든 것이 포함되어 생성될 폴더입니다.

실제로 실행하는 것은 매우 빠른 명령이며 1초 정도면 앱을 사용할 수 있습니다.

그런 다음 Counter.jsx라는 간단한 카운터 구성 요소를 추가했습니다.

import { useState } from 'react';

function Counter() {
  const [counter, setCounter] = useState(0);
  return (
    <div>
      <span>Counter: {counter}</span>
      <button onClick={() => setCounter((count) => count + 1)}>+</button>
    </div>
  );
}

export default Counter;

그런 다음 내App.jsx 파일로 가져왔습니다.

import "./App.css";
import Counter from "./Counter";

function App() {
  return (
    <div className="App">
      <header className="App-header">
        <Counter />
    </div>
  );
}

export default App;

그런 다음 다음 명령을 사용하여 애플리케이션을 실행합니다.

bun dev

이제 http://localhost:3000/에서 서버를 열 수 있고 Bun으로 구동되는 React 앱을 볼 수 있습니다.



이것이 React 앱을 실행하는 매우 빠른 방법입니다.

읽어주셔서 감사합니다. 연결해 봅시다!

제 블로그를 읽어주셔서 감사합니다. 내 이메일 뉴스레터를 구독하고 Facebook에 연결하거나