我开始在React中玩游戏,我注意到我正在制作的简单应用程序都在JS中。我的html页面只是一个空身体标签!
所以我有几个问题,因为我是这个框架的新手。
我的整个应用程序应该基本上都是JS吗?
如果它不应该是所有JS,我何时决定某些东西属于我的html文件而不是在JS中创建它作为反应组件?
我的html在所有JS中有哪些好处/缺点?
我是否应该设置我的服务器来编译JS到html以提供html re:服务器端渲染以最大限度地提高性能优势?
答案 0 :(得分:2)
React带来了一种新的观察方式:组件。
使用React时有两种方法:
AMD (异步模块定义):您的javascript文件是按需加载的; https://en.wikipedia.org/wiki/Asynchronous_module_definition和http://requirejs.org/docs/whyamd.html
CommonJS :在这种情况下,您的应用只捆绑到一个文件(或一些'chunck'文件) - 似乎人们一直喜欢这种方式,因为应用已加载只有一次,它只进入服务器加载和写入数据(即JSON);它有助于减少服务器的费用;
该页面实际上是一个空身标记....呵呵
但有一些考虑因素:
请查看 React-Router (如果您使用AngularJS,请查看Angular Route):
要从当前的“页面”(视图)移动到新页面,浏览器的URL将被“推送”(更改)而无需转到服务器,并且将根据该URL挂载整个新页面。这是由React-Router或Angular Route完成的。
是的,您应该让服务器输出html:如果您希望动态安装客户端html,可以搜索Isommorphic Javascript(当您需要Google等搜索引擎扫描您的页面时非常有用)更多信息: http://isomorphic.net/这可以帮助您:https://strongloop.com/strongblog/node-js-react-isomorphic-javascript-why-it-matters/
我知道有很多新技术需要研究,但值得......
我可以给你一个小小的提示就是寻找“Flux”。它是一种设计模式,可以帮助您更好地构建应用程序,从而可以扩展和扩展它。
你也可以看看webpack和babel。好东西!
希望这会对你有所帮助。