Fluent UI React TypeScript

생성 방법

npx create-react-app my-fluent-app --template typescript

my-fluent-app에 원하는 프로젝트명 입력

cd my-fluent-app

git branch -m master main
브랜치명 정리

Fluent UI 패키지 설치

npm install @fluentui/react

필요한 타입 정의 설치
npm install @types/react @types/react-dom

import React from 'react';
import { initializeIcons } from '@fluentui/react';
import { PrimaryButton } from '@fluentui/react';

initializeIcons();

function App() {
  return (
    <div>
      <PrimaryButton text="Hello World" />
    </div>
  );
}

export default App;

App.tsx 정의

이제 사용 가능