はじめに

例えばReactのコンポーネントなどで、以下のように関数コンポーネントを定義することがあると思います。

export default function MyComponent() {
}

正直このexport defaultが何なのかよくわかっていなかったので、色々調べてみました。

結論

importする際に、{}がいるかいらないか、というのが1番わかりやすい違いです。

こちらを読むのが1番早いです。
ただし、export defaultは使わないほうがいいという考え方もあるようなので、チームで統一したやり方があればいいってことなんでしょうかね。