小编mar*_*mas的帖子

刚刚开始使用React-Native,我遇到了一些需要静态图像的问题.

这是我到目前为止的非常基本的代码:

'use strict';

var React = require('react-native');
var {
  AppRegistry,
  StyleSheet,
  Text,
  Image,
  View,
} = React;

var buzz = React.createClass({
  render: function() {
    return (
      <View style={styles.container}>
        <Image source={require('image!bg')}  style={styles.bg}>
          <Text style={styles.welcome}>
            Welcome to Buzz! iOS interface to
          </Text>
          <Text style={styles.welcomeHeader}>Charityware</Text>
        </Image>
      </View>
    );
  }
});

var styles = StyleSheet.create({
  container: {
    flex: 1,
    justifyContent: 'center',
    alignItems: 'center',
    backgroundColor: 'transparent'
  },
  welcomeHeader: {
    fontWeight: '600',
    fontFamily: 'Helvetica',
    color: '#fff',
    fontSize: 50,
    alignSelf: 'center'
  },
  bg: { …

我正在尝试为我的反应应用程序设置服务器端渲染,我正在尝试使用伟大的react-router模块来允许它处理非js情况(一些爬虫,当用户关闭某些js时原因).但是,我遇到了麻烦.我一直在使用/sf/answers/1999098181/这个很棒的回复作为指导,但是我发现了一些奇怪的错误.Syntax Error在尝试使用时我得到了持久性react.renderToString().我是否错误地设置了服务器端渲染,缺少明显的东西或其他什么？

我的设置:

真的很基本的Express服务器

require('babel/register');

var app = express();


// misc. express config...

var Router = require('react-router'),
    routes = require('../jsx/app').routes,
    React = require('react');


app.use(function(req, res, next) {
  var router = Router.create({location: req.url, routes: routes});
  router.run(function(Handler, state) {
    console.log(Handler);
    var html = React.renderToString(<Handler/>);
    return res.render('react_page', {html: html});
  });
});

顶级反应<App/>组件

// Shims
require('intl');
require('es5-shim');

var React = require('react/addons'),
  Router = require('react-router'),
  Nav = require('./nav'),
  injectTapEventPlugin = require("react-tap-event-plugin"),


  window.React = React; // …

所以我将 Kubernetes 用于一个副项目，它很棒。为我所从事的小型项目运行更便宜（3-5 个实例的小集群基本上可以在 GCP 上以大约 30 美元/月的价格提供我所需的一切）。

我唯一遇到困难的地方是尝试使用 kubernetes Ingress 资源映射到集群并扇出到我的微服务（它们是小型 Go 或 Node 后端）。我有将入口映射到不同服务的配置设置，那里没有问题。

我知道当你创建一个入口资源时，你真的可以很容易地让 GCP 启动一个 LoadBalancer。这很好，但它也代表了另外 20 美元/月，增加了项目成本。一旦/如果这件事得到一些关注，那可以忽略不计，但现在以及为了更好地理解 Kubernetes，我想执行以下操作：

• 从 GCP 获取静态 IP，
• 将它与入口资源一起使用
• 在同一个集群中托管负载均衡器（使用 nginx 负载均衡器）
• 避免为外部负载均衡器付费

有什么办法甚至可以使用 Kubernetes 和入口资源来完成吗？

谢谢！

我无法解决这个问题,但是我正在努力让我的测试在我正在研究的Angular应用程序上正确运行.我正在使用业力来运行Jasmine测试,而我遇到的问题是我的单元测试.我不确定什么坏了,但我无法通过某些单元测试.他们过去都过得很好,但是我无法弄清楚问题出在哪里,但似乎我的控制器没有加载到karma/jasmine中.

这是我的karma.conf.js文件:

// Karma configuration
// http://karma-runner.github.io/0.12/config/configuration-file.html
// Generated on 2014-09-26 using
// generator-karma 0.8.3

module.exports = function(config) {
'use strict';

config.set({
// enable / disable watching file and executing tests whenever any file changes
autoWatch: true,

// base path, that will be used to resolve files and exclude
basePath: '../',

// testing framework to use (jasmine/mocha/qunit/...)
frameworks: ['jasmine'],

// list of files / patterns to load in the browser
files: [
  'bower_components/angular/angular.js',
  'bower_components/angular-mocks/angular-mocks.js',
  'bower_components/angular-animate/angular-animate.js',
  'bower_components/angular-cookies/angular-cookies.js',
  'bower_components/angular-resource/angular-resource.js',
  'bower_components/angular-route/angular-route.js',
  'bower_components/angular-sanitize/angular-sanitize.js',
  'bower_components/angular-touch/angular-touch.js', …

我正在创建一个Web应用程序，该应用程序将允许用户在屏幕上拖动和拖动多个片段，每个片段都包含单独的特定数据。如果用户想在屏幕上添加更多作品，他们只需单击一个按钮，就会出现另一作品。我使用了React DND（Drag and Drap）库来保持我的组件之间的分离，到目前为止，一切都还不错。问题在于在屏幕上添加更多作品的动态功能。当前（在下面的子代码中），我正在获取旧的状态对象，执行浅表复制，并将新创建的对象与先前存在的状态对象合并，并在完成后更新状态。但是，每次执行此操作时，一切正常（在屏幕上生成新的片段），直到我去移动一个新片段，并出现以下错误：

在现有状态转换期间（例如在内render）无法更新。渲染方法应该纯粹是props和state的函数。

我该如何摆脱这个错误，并更新状态对象。

注意：按钮（在下面的屏幕快照中）显示State对象中对象数量的当前计数。所以下面我在状态中添加了7个对象

应用截图： 上级：

  import React, { Component, PropTypes } from 'react';
    import Header from '../../components/Header/header';
    import Footer from '../../components/Footer/footer';
    import Student from '../../components/box1/box1';
    import Box from '../../components/box2/box2';
    import { DragDropContext } from 'react-dnd';
    import HTML5Backend from 'react-dnd-html5-backend';
    require('./home.css');


var Home = React.createClass({
  getDefaultProps: function(){

    return{ count: 3 }  
  },

  getInitialState: function(){
     return{ count: this.props.count }
  },

  add: function(){
     this.setState({ count: this.state.count + 1 });
  },

  render() {

    return (
        <div id="main">
              <Box …

我正在努力解决我正在研究的项目的基础设施问题.我正在开发的服务托管在一个没有稳定IP的瞬态容器化平台上 - 只有一个域名(api.example.com).我正在使用Elasticsearch进行搜索,因此请求会转到/ my-search-resource之类的内容,然后使用ES查找要返回的结果.它是在节点中编写的,并使用支持的elasticsearch驱动程序连接到ES.

我遇到的问题是尝试使用AWS Elasticsearch域.这个项目是自助式的,所以我正在利用AWS的免费套餐,即使其他服务托管/部署在另一个平台上(想想:heroku,GCP等 - 集装箱化和瞬态资源).

由于我不能将特定IP列入白名单,因此我不确定应该如何使服务能够访问该服务.我需要签署发送到域的每个请求吗？这并不理想,因为它需要使用该功能对ES驱动程序库进行猴子修补.理想情况下,我只想使用username&pw连接到域,但我知道IAM并不是真正面向来自外部服务的东西.有任何想法吗？这甚至可能吗？