小编Ego*_*_sx的帖子

在阅读了一些AWS文档后,我想知道如果我想在亚洲(包括中国),美国和欧盟交付(js,css,图像和api请求)内容,这些不同用例之间有什么区别.

1. 将我的图像和静态文件存储在S3 US区域,并设置欧盟和亚洲(日本或新加坡)跨区域复制以与美国区域S3同步.

2. 将我的图像和静态文件存储在S3 US区域并设置cloudfront CDN,以便在初始请求后将我的内容缓存在不同的位置.

3. 上述两者(如果有显着的性能改进).

如果我需要实现全球部署,最具成本效益的解决方案是什么？如何从中国提出一致和稳定的请求(我试过cloudfront + s3(us-west),它速度快但性能不一致)？

PS.在早期阶段,我不期望有太多的用户请求,但用户遍布全球,我希望他们有类似的经验.我的大部分内容都是全景图像,我希望在每次访问中按顺序加载〜30MB(10个高分辨率图像)数据.

我刚刚学会了反应并打算将它用于我的下一个项目.我遇到了几次反应服务器端渲染,但想知道为什么我们仍然需要它在"现代时代".

在本文中,它认为使用服务器端呈现,用户不必等待从CDN或某处加载那些js以查看初始静态页面,并且页面将在js到达时恢复功能.

但是在使用webpack生成配置和gzip构建之后,整个捆绑包(带有react,我的代码和许多其他东西)只需要40kb,而且我有它的CDN.我不太清楚为我的情况使用服务器端渲染的原因.

所以问题是为什么人们仍然使用服务器端渲染,如果生成的javascript包在gzip之后如此之小？

我的反应组件没有用大括号呈现，这是代码：https : //jsfiddle.net/69z2wepo/21704/

class R1 extends React.Component {

    render() {
        return (
            <div className="r1">
                {this.props.data.map( datum => 
                    <h1 key={datum}> {datum} </h1>
                )}
            </div>
        );
    }
}

class R2 extends React.Component {
    render() {
        return (
            <div className="r2">
                {this.props.data.map( datum => {
                    <h1 key={datum}> {datum} </h1>
                })}
            </div>
        );
    }
}

请注意，R1 和 R2 组件之间的唯一区别是 R1 在映射中的“=>”之后不使用 {}，而 R2 使用。R1 工作正常，但 R2 不渲染任何东西。

我对 javascript 和 react（来自 C/C++）很陌生，我认为对于多行块，应该包含 {}。但这显然在这里不起作用。

只是想知道这是 javascript 特定的语法问题还是与 React 相关的问题？在函数映射中使用 {} 有什么问题。

PS：在实际代码中，如果有任何区别，我使用不可变列表而不是普通的 javascript 列表。

我正在从http://teropa.info/blog/2015/09/10/full-stack-redux-tutorial.html学习 Redux&React 。

在代码代码片段中：

import React from 'react';
import PureRenderMixin from 'react-addons-pure-render-mixin';
import {connect} from 'react-redux';
import Winner from './Winner';
import Vote from './Vote';

export const Voting = React.createClass({
  mixins: [PureRenderMixin],
  render: function() {
    return <div>
      {this.props.winner ?
        <Winner ref="winner" winner={this.props.winner} /> :
        <Vote {...this.props} />}
    </div>;
  }
});

function mapStateToProps(state) {
  return {
    pair: state.getIn(['vote', 'pair']),
    winner: state.get('winner')
  };
}

export const VotingContainer = connect(mapStateToProps)(Voting);

作者正在从“纯”组件创建“有线”反应组件。我对代码中显示的两个“const”关键字有点困惑。我可以理解 javascript 中的 const 值和对象，但从 OO 的角度来看，const 类对我来说没有意义。

如果我从第一种和/或第二种情况中删除“const”关键字会有什么不同吗？