Reactjs 如何构造React和引导React项目？

如何构造React和引导React项目？ 在这里你可以看到我的文件夹结构。这是最好的做法吗

|-COPYRIGHT.md
|-dist
|  |-app
|    |-bundle.js
|    |-bundle.js.map
|
|-index.html
|-.git
|-.gitignore
|- node_modules
|-package.js
|-README.md
|
|-src
|  |-app
|  |  |-components
|  |  |  |-Footer.js
|  |  |  |-Header.js
|  |  |  |-Home.js
|  |  |
|  |  |-index.js
|  |
|  |-css
|  |  |-bootstrap.min.css
|  |  |-footer.css
|  |  |-header.css
|  |  |-styles.css
|  |
|  |-fonts
|  |  |-glyphicons-halflings
|  |
|  |-images
|  |  |-logo.jpg
|  |
|  |-index.html
|  |
|  |-js
|  |  |-es5-sham.min.js
|  |  |-es5-shim.min.js
|  |  |-html5shiv.min.js
|  |  |-html5shiv-printshiv.min.js
|  |  |-react-bootstrap.js
|  |  |-react-bootstrap.min.js
|
|-webpack.config.js

在下一步，我将使我的主页多语言。我需要三种语言：德、恩、弗

我想像这样分开语言

如何更改导航栏中的语言

你们中的哪一位已经编写了一些程序并向我发送了他的Github存储库的链接？如何正确编程路线？在页脚中，我将使用三个图像作为切换语言的标志。但要被浏览器的语言原则所认可

|-Languanges
  |-de
  |  |-Impressum.js
  |
  |-en
  |  |-Imprint.js
  |
  |-fr
  |  |-empreinte.js