sinevik's questions

var sort= [{
  "car": "Pontiac",
  "id": 1
}, {
  "car": "Mitsubishi",
  "id": 2
}, {
  "car": "Toyota",
  "id": 3
}, {
  "car": "Lexus",
  "id": 4
}, {
  "car": "GMC",
  "id": 5
}, {
  "car": "Mazda",
  "id": 6
}, {
  "car": "Saturn",
  "id": 7
}, {
  "car": "Scion",
  "id": 8
}, {
  "car": "Volkswagen",
  "id": 9
}, {
  "car": "Pontiac",
  "id": 10
}];

console.log(sort);
let reuslt = '';
result = sort.filter(index => {
  return index > 2 && index < 4;
});
console.log(result);

const handleFiles = () => {
  return async handle => {
    let result;
    result = 'hello';
    return result;
  };
};
handleFiles().then(result => console.log(result)).catch(console.log(e));

var user = firebase.auth().currentUser;

if (user) {
  // User is signed in.
} else {
  // No user is signed in.
}

marginTop: '${this.inputMarginTop}%'

click(e){
    console.log(e.key);
}


    
render() {
    let array = this.state.array;
    let unit = array.map((item, index) => {
                return (
                <a key={index}
                style={{display:"block"}}
                onClick={this.click.bind(this)}
                >Hello, {item}</a>
                )
            });   

let string = "wwsndaadowffdennn";
let strintwo = "";
for (var i = 0; i < string.length; i++) {
  if (string[i] !== string[i - 1]) {
    strintwo += string[i]
  }
}
console.log(strintwo);

import React from 'react';
import { Button, View, Text, Image, TouchableOpacity} from 'react-native';
import { StackNavigator } from 'react-navigation';
import Modal from "react-native-modal";

class HomeScreen extends React.Component {
  state = {
    isModalVisible: false,
    datanews: []
  };

  _toggleModal = () => {
    this.setState({ isModalVisible: !this.state.isModalVisible });
  }
  componentWillMount(){
        var req = new XMLHttpRequest();
        var arr;
        req.onload = () => {
            arr = req.response;
            this.setState({datanews: arr});
            
        }
        req.open("GET", "https://www.btcnn.com/wp-json/wp/v2/posts", true);
        req.responseType = "json";
        req.send();
    }

  render() {
    let obj = this.state.datanews;
    console.debug(obj);
  }
}

import React from 'react';
import { Button, View, Text, Image } from 'react-native';
import { StackNavigator } from 'react-navigation'; // Version can be specified in package.json

class HomeScreen extends React.Component {
  render() {
    return (
      <View style={{height:100, backgroundColor:'#263137'}}>
          <View style={{width: 20, height:20, backgroundColor:'red'}}>
          </View>
      </View>
    );
  }
}

import React, { Component } from 'react';
import { Alert, AppRegistry, FlatList, Text, TextInput, View } from 'react-native';

export default class PizzaTranslator extends Component {
  constructor(props) {
    super(props);
    this.state = {text: ''};
  }
  _onload() {
    this.abc.scrollTo({x: 0, y: 0, animated: true});
  }

  render() {
    return (
      <View>
        <FlatList
          data={[
            {key: 'Devin'},
            {key: 'Jackson'},
            {key: 'James'},
            {key: 'Joel'},
            {key: 'John'},
            {key: 'Jillian'},
            {key: 'Jimmy'},
            {key: 'Julie'},
            {key: 'Devin'},
            {key: 'Jackson'},
            {key: 'James'},
            {key: 'Joel'},
            {key: 'John'},
          ]}
          renderItem={({item}) => <Text>{item.key}</Text>}
          onScrollBeginDrag={this._onload}
          ref={(FlatList) => {this.abc = FlatList;}}
        />
      </View>
    );
  }
}

// skip this line if using Create React Native App
AppRegistry.registerComponent('AwesomeProject', () => PizzaTranslator);

.main
{		
	width: 1500px;
	margin: 0 auto 0;
}

.suprecipes
{	
	width: 960px;
	margin: 0 auto 0;
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-ms-flex-wrap: wrap;
	    flex-wrap: wrap;
	padding: 0;
	-webkit-box-orient: horizontal;
	-webkit-box-direction: normal;
	    -ms-flex-direction: row;
	        flex-direction: row;

}
.recipes
{	
	margin-top: 2.6%;
	width: 33.3%;
	height: 111px;
	background: #eabc74;
	line-height: 111px;
}
.recipes-second-row
{	
	margin-top: 17px;
	height: 80px;
	line-height: 0px;
}
.recipes-center-color
{
	background: #f1962e;
}

.recipes-text
{	
	display: inline-block;
	vertical-align: middle;
	width: 62%;
	height: 37px;
	line-height: 37px;
	background: #ee7b00;
}

.recipes-text-caption
{	
	font:  18px/30px 'Mouse Memoirs',sans-serif;
	padding-left: 0.7em; 
	color: #131313;
}
.recipes-text-row-two
{
	font:  12px/12px 'Open Sans',sans-serif;
	line-height: 12px;
	margin-left: 2.8em;
	display: block;
}

.recipes-text-caption-row-two
{	
	font:  18px/30px 'Mouse Memoirs',sans-serif;
	padding-left: 0.7em;
	margin-top:0.8em;
	margin-left: 1.3em;
	margin-bottom: 0.1em;  
	color: #131313;
	width: 100%;
	display: inline-block;
	vertical-align: top;
}

@media screen and (max-width: 480px) 
{
  
  
  .main
	{
		width: 100%;
	}
  .suprecipes
	{	
		width:100%;
		-webkit-box-orient: vertical;
		-webkit-box-direction: normal;
		    -ms-flex-direction: column;
		        flex-direction: column;
		        
	}
  
  .recipes
	{
		width:100%;
		margin-left: 0px;
	}
	.recipes-second-row
	{
		width: 100%;
		height: auto;
		margin-left: 0px;
	}
  
  .recipes-text-row-two
	{
		margin-bottom: 5px;
	}
  
  
 
}

<!DOCTYPE html>
<head>
	<meta charset="UTF-8">
	<title>Document</title>
</head>
<body>
	<div class="main">
    <section class="suprecipes">
		<div class="recipes recipes-second-row">
			<p class="recipes-text-caption-row-two">Special Diets</p>
			<span class="recipes-text-row-two">Low-salt, egg-free, dairy-free and gluten-free are just some of the options.</span>
		</div>
		<div class="recipes recipes-second-row recipes-center-color">
			<p class="recipes-text-caption-row-two">Vegetarian</p>
			<span class="recipes-text-row-two">Tempting meat-free meals and other vegetarian fare.</span>
		</div>
		<div class="recipes recipes-second-row">
			<p class="recipes-text-caption-row-two">Need Inspiration?</p>
			<span class="recipes-text-row-two">Use our refined recipe search to help you find the dish that suits you</span>
		</div>
	</section>
	</div>
</body>
</html>