ShopOne / Shitforces

くそなぞなぞコンテストサイト
shitforces.vercel.app
MIT License
27 stars 13 forks source link

[Frontend] 不要なコンポーネントの import をやめる #49

Closed sei40kr closed 3 years ago

sei40kr commented 3 years ago

React Bootstrap の公式 Introduction にもあるように、必要なコンポーネントのみを import するのがよいです。 https://react-bootstrap.github.io/getting-started/introduction

You should import individual components like: react-bootstrap/Button rather than the entire library. Doing so pulls in only the specific components that you use, which can significantly reduce the amount of code you end up sending to the client.

import Button from 'react-bootstrap/Button';

// or less ideally
import { Button } from 'react-bootstrap';

前者は React Bootstrap の Button コンポーネント (とその依存) のみを import しているのに対し、後者は一旦全部のコンポーネントを import して、その後に Button を取り出しています。

ShopOne commented 3 years ago

これは知りませんでした、助かります。修正しておきますね。