Here is a pretty close result:

[![enter image description here][1]][1]

&lt;!-- language: lang-js --&gt;

    render() {
      return (
        &lt;View style={styles.container}&gt;
          &lt;View style={styles.child} /&gt;
        &lt;/View&gt;
      )
    },

    var styles = StyleSheet.create({
      container: {
          backgroundColor:&#39;green&#39;,
          flex: 1,
      },
      child: {
        flex: 1,
        backgroundColor: &#39;blue&#39;,
        transform: [
          { perspective: 850 },
          { translateX: - Dimensions.get(&#39;window&#39;).width * 0.24 },
          { rotateY: &#39;60deg&#39;},

        ],
      }
    });

See full example: https://rnplay.org/apps/Qg7Bhg


  [1]: http://i.stack.imgur.com/lIl9Q.png

I am using [Node Monkey][1] to debug my NodeJS app.

It happens frequently that when I click &quot;Store as Global Variable&quot; in my Chrome Console it says &quot;Failed to save to temp variable.&quot; 

[![enter image description here][2]][2]

    console.log({why:&#39;dont&#39;, you:&#39;work?&#39;})

It happens also in this [jsfiddle][3]

1) Am I doing something wrong?

2) Why this happens?

Chrome: 50.0.2661.102 (64-bit)
OSX El Capitan 10.11.4


  [1]: https://github.com/jwarkentin/node-monkey
  [2]: http://i.stack.imgur.com/5i0Id.png
  [3]: https://jsfiddle.net/8uqvak0o/

Chrome DevTools error: &quot;Failed to save to temp variable.&quot;

Coming from react, I am learning to understand Elm.

In the [Todomvc example code][1], there is the following code snippet:

    -- How we update our Model on a given Msg?
    update : Msg -&gt; Model -&gt; ( Model, Cmd Msg )
    update msg model =
      case msg of
        NoOp -&gt;
          model ! []        &lt;-- What is this?

What I (think I) understand, is that the `update` function takes in a `msg` of type `Msg` and a `model` of type `Model`, and returns a tuple of containing a `Model` and a `Cmd Msg`.

But how should I read the return statement?

    model ! []

What does this statement mean? return a &quot;model [something] empty list&quot;?  
Did I miss something in the docs where this is explained? (Googling &quot;elm !&quot; did not get me far :)

  [1]: https://github.com/evancz/elm-todomvc/blob/master/Todo.elm


What does &quot;! []&quot; Elm code syntax in Todomvc mean

i try to use style.transform attribute
but i can&#39;t make the transform, there is not so many doc , crying ...

[![enter image description here][1]][1]


  [1]: http://i.stack.imgur.com/itD0C.jpg

here is the css3 code:

    

&gt; transform: translateZ(-100px) translateX(-24%) translateY(0)
&gt; rotateY(60deg);

How to make this transform with React-Native?

i try to use style.transform attribute
but i can't make the transform, there is not so many doc , crying ...
<a href="http://i.stack.imgur.com/itD0C.jpg" target="_blank" rel="noopener noreferrer"><img src="http://i.stack.imgur.com/itD0C.jpg" alt="enter image description here"></a>
here is the css3 code:
> transform: translateZ(-100px) translateX(-24%) translateY(0)
> rotateY(60deg);

How to center Text in ReactNative both in horizontal and vertical? 

I have an example application in rnplay.org where **justifyContent=&quot;center&quot;** and **alignItems=&quot;center&quot;** is not working:
https://rnplay.org/apps/AoxNKQ

The text should being centered.
And why is there a margin at the top between the text (yellow) and parent container?

Code:

&lt;!-- language-all: lang-js --&gt;

    &#39;use strict&#39;;
    
    var React = require(&#39;react-native&#39;);
    var {
      AppRegistry,
      StyleSheet,
      Text,
      Image,
      View,
    } = React;
    
    var SampleApp = React.createClass({
      render: function() {
        return (
    			&lt;View style={styles.container}&gt;
    				&lt;View style={styles.topBox}&gt;
    					&lt;Text style={styles.headline}&gt;lorem ipsum{&#39;\n&#39;}ipsum lorem lorem&lt;/Text&gt;
    
    				&lt;/View&gt;
    				&lt;View style={styles.otherContainer}&gt;
    				&lt;/View&gt;
    			&lt;/View&gt;
        );
      }
    });
    
    var styles = StyleSheet.create({
    
    	container: {
    		flex: 1,
    		flexDirection: &#39;column&#39;,
    		backgroundColor: &#39;red&#39;,
    		justifyContent: &#39;center&#39;,
    		alignItems: &#39;center&#39;,
    	},
    
    	topBox: {
    		flex: 1,
    		flexDirection: &#39;row&#39;,
    		backgroundColor: &#39;lightgray&#39;,
    		justifyContent: &#39;center&#39;,
    		alignItems: &#39;center&#39;,
    	},
    	headline: {
    		fontWeight: &#39;bold&#39;,
    		fontSize: 18,
        marginTop: 0,
    		width: 200,
    		height: 80,
        backgroundColor: &#39;yellow&#39;,
    		justifyContent: &#39;center&#39;,
    		alignItems: &#39;center&#39;,
    	},
    
      otherContainer: {
    		flex: 4,
    		justifyContent: &#39;center&#39;,
    		alignItems: &#39;center&#39;,
        backgroundColor: &#39;green&#39;,
        },
    
    
    });
    
    AppRegistry.registerComponent(&#39;SampleApp&#39;, () =&gt; SampleApp);
    
    module.exports = SampleApp;


ReactNative: how to center text?

I&#39;ve installed react-native-cli globally:    
```
npm install -g react-native-cli
```

Then run:       
```
react-native init AwesomeProject
cd AwesomeProject
``` 

I got the following structure:    
```
-- AwesomeProject   
---- node_modules      
------ react-native    
```  

When I run *react-native run-android* I get an error:    
**Command `run-android` unrecognized. Did you mean to run this inside a react-native project?**

When I run react-native start I get the same.

`react-native -v`     
prints:  
**react-native-cli: 0.2.0   
react-native: n/a - not inside a React Native project directory**

What I&#39;m doing wrong?

react-native run-android is unrecognized

I am getting this error and I am having a lot of trouble fixing this.

What I am trying to do here is have 3 different screens and have a tabbar that navigates to each screen.

Here is my index:

    import React, { Component } from &#39;react&#39;;
    import { AppRegistry, Navigator, StyleSheet, View, Text } from &#39;react-native&#39;;

    import Nav from &#39;./app/components/Nav&#39;;
    import Screen from &#39;./app/Screen&#39;;

    import Tabs from &#39;react-native-tabs&#39;

    import SwitchView from &#39;./SwitchView&#39;;

    class Proj extends Component {

	constructor(props){
		super(props);
	}

	render(){
		var x = &quot;FeedView&quot;;
		return(
			
			  &lt;View style={styles.container}&gt;
		        &lt;Tabs selected={x} style={{backgroundColor:&#39;white&#39;}}
		              selectedStyle={{color:&#39;red&#39;}} onSelect={el=&gt; {x = el.props.name}}&gt;
		            &lt;Text name=&quot;FeedView&quot;&gt;First&lt;/Text&gt;
		            &lt;Text name=&quot;WikiView&quot; selectedIconStyle={{borderTopWidth:2,borderTopColor:&#39;red&#39;}}&gt;Second&lt;/Text&gt;
		            &lt;Text name=&quot;BoardView&quot;&gt;Third&lt;/Text&gt;
		        &lt;/Tabs&gt;
	       		
       			&lt;SwitchView id={x}/&gt;
	 		         
		      &lt;/View&gt;
		);
	}
    }

    const styles = StyleSheet.create({
	container: {
    flex: 1,
    justifyContent: &#39;center&#39;,
    alignItems: &#39;center&#39;,
    backgroundColor: &#39;#F5FCFF&#39;,
	},
	welcome: {
	fontSize: 20,
	textAlign: &#39;center&#39;,
	margin: 10,
	},
	instructions: {
	textAlign: &#39;center&#39;,
	color: &#39;#333333&#39;,
	marginBottom: 5,
	},
    })

    AppRegistry.registerComponent(&#39;Proj&#39;, () =&gt; Proj);

here is my SwitchView:

    import Feed from &#39;./app/pages/Feed/Feed&#39;;
    import Board from &#39;./app/pages/Board&#39;;
    import Wiki from &#39;./app/pages/Wiki&#39;;

    class SwitchView extends Component {
	render(){
		var { id } = this.props;

		switch (id) {
			case &quot;FeedView&quot;:
				return &lt;Feed/&gt;
			case &quot;WikiView&quot;:
				return &lt;Wiki/&gt;
			case &quot;BoardView&quot;:
				return &lt;Board/&gt;
		}
	}
    }

React Native error: Element type is invalid: expected a string or a class/function but got: object

I have a react-redux container component that is created within a React Native Navigator component. I want to be able to pass the navigator as a prop to this container component so that after a button is pressed inside its presentational component, it can push an object onto the navigator stack.

I want to do this without needing to hand write all the boilerplate code that the react-redux container component gives me (and also not miss out on all the optimisations that react-redux would give me here too).

Example container component code:

    const mapStateToProps = (state) =&gt; {
        return {
            prop1: state.prop1,
            prop2: state.prop2
        }
    }

    const mapDispatchToProps = (dispatch) =&gt; {
        return {
            onSearchPressed: (e) =&gt; {
                dispatch(submitSearch(navigator)) // This is where I want to use the injected navigator
            }
        }
    }

    const SearchViewContainer = connect(
        mapStateToProps,
        mapDispatchToProps
    )(SearchView)

    export default SearchViewContainer

And I&#39;d want to be able to call the component like this from within my navigator `renderScene` function:

    &lt;SearchViewContainer navigator={navigator}/&gt;

In the container code above, I&#39;d need to be able to access this passed prop from within the `mapDispatchToProps` function.

I don&#39;t fancy storing the navigator on the redux state object and don&#39;t want to pass the prop down to the presentational component.

Is there a way I can pass in a prop to this container component? Alternatively, are there any alternative approaches that I&#39;m overlooking?

Thanks.

Passing props to react-redux container component

How can somebody configure `react-native run-ios` to execute in iTerm instead of Terminal on OSX?  By default, it opens a new Terminal window, but Terminal doesn&#39;t work as well with my window manager as iTerm does.

Content Type	Original Author	Original Content on Stackoverflow
Question	alucard.g	View Question on Stackoverflow
Solution 1 - React Native	Jean Regisser	View Answer on Stackoverflow

How to make this transform with React-Native?

React Native Problem Overview

React Native Solutions

Solution 1 - React Native

What does "! []" Elm code syntax in Todomvc mean

Chrome DevTools error: "Failed to save to temp variable."

Attributions