Day24 React专案资料夹分类方式

React本身并没有特别限定专案资料夹的设定方式，但这边建议可以朝以下两种方式着手:

依照功能或所属单元类别建立资料夹

将CSS、JS依照各功能或不同单元页去建立资料夹。

common/
  Avatar.js
  Avatar.css
  APIUtils.js
  APIUtils.test.js
feed/
  index.js
  Feed.js
  Feed.css
  FeedStory.js
  FeedStory.test.js
  FeedAPI.js
profile/
  index.js
  Profile.js
  ProfileHeader.js
  ProfileHeader.css
  ProfileAPI.js

依照档案类型分类

可以将相近的档案放在一起，方便後续整理。

api/
  APIUtils.js
  APIUtils.test.js
  ProfileAPI.js
  UserAPI.js
components/
  Avatar.js
  Avatar.css
  Feed.js
  Feed.css
  FeedStory.js
  FeedStory.test.js
  Profile.js
  ProfileHeader.js
  ProfileHeader.css

若是使用昨天的create-react-app开发的话，资料夹设定分别如下:

• public:放打包前html档的资料夹。
• src:开发程序实用到的资料夹，可以在里面继续分类细部资料夹。
• node_modules:用 npm/yarn 所载下来的套件预设会放在此资料夹。