javascript - React 新手，关于使用所有 JS 而不是 HTML 的问题/好处/缺点？

Question

我开始尝试使用 React，我注意到我正在制作的简单应用程序全部使用 JS。我的 html 页面只是一个空的 body 标签!

所以我有几个问题，因为我是这个框架的新手。

我的整个应用程序应该基本上都是 JS 吗？

如果它不应该全部是 JS，我什么时候决定某些东西属于我的 html 文件还是将它创建为 JS 中的 react 组件？

我的html在所有JS中有什么好处/坏处？

我是否应该设置我的服务器以将 JS 编译为 html 以提供 html re:服务器端渲染以最大化性能优势？

Answer 1

React 带来了一种看待事物的新方式:组件。

使用 React 有两种方法:

• AMD(异步模块定义):您的 javascript 文件按需加载； https://en.wikipedia.org/wiki/Asynchronous_module_definition在http://requirejs.org/docs/whyamd.html

• CommonJS:在这种情况下，您的应用程序仅捆绑到一个文件(或几个“chunck”文件)中 - 似乎人们更喜欢这种方式，因为应用程序已加载仅一次，它仅用于加载和写入数据(即 JSON)；它有助于降低服务器费用；

页面真的是一个空的body标签....呵呵

但有一些考虑:

请查看 React-Router(如果您使用 AngularJS，甚至是 Angular Route):

要从当前“页面”( View )移动到新页面，浏览器的 URL 将被“推送”(更改)而无需转到服务器，并且整个新页面将根据该 URL 安装。这是由 React-Router 或 Angular Route 制作的。

是的，你应该让你的服务器输出 html:如果你希望你的客户端 html 被动态挂载，你可以搜索 Isommorphic Javascript(当你需要像谷歌这样的搜索引擎来扫描你的页面时很有用)更多信息在: http://isomorphic.net/这可以帮助您:https://strongloop.com/strongblog/node-js-react-isomorphic-javascript-why-it-matters/

我知道有很多新技术需要研究，但值得...

我可以给你的一个小提示是寻找“Flux”。它是一种设计模式，有助于更好地构建您的应用程序，允许您扩展和发展它。

你也可以看看 webpack 和 babel。很棒的东西!

希望对你有帮助。