React使用時に何気なく使っている import/export のこと。

コンポーネントしたファイルをいつでも、どのファイルからでも呼び出せるようにすることだね。

元々JavaScriptプログラムをモジュールに分割して、必要な時にインポートできるようにしようと、JavaScriptで提供された仕組み。つまり、素のjsでもガンガン使えるものってこと！✨

https://www.youtube.com/watch?v=Sex6Vc-NJEk&list=PLX8Rsrpnn3IWPoM7-1YPDksRRkamRY25k&index=5

import/exportの種類

default export（名前なしexport）とdefault import（名前なしimport）

▼default export

• jsで推奨されるexport方法
• 名前なしexportと言われるが、正確にはdefault が名前になっていて、defaultでexportされている

https://www.youtube.com/watch?v=Sex6Vc-NJEk&list=PLX8Rsrpnn3IWPoM7-1YPDksRRkamRY25k&index=5

▼default import

• import時はdefaultの記載はなくてOK
• import モジュール名 from ‘ファイルパス’

https://www.youtube.com/watch?v=Sex6Vc-NJEk&list=PLX8Rsrpnn3IWPoM7-1YPDksRRkamRY25k&index=5

名前付きexportと名前付きimport