imparvez

import React, { Component } from 'react';
import './App.css';
class App extends Component {
  render() {
    return (
      <div className="App">
        
      </div>
    );
  }

imparvez

import React, { Component } from 'react';
import {
  StyleSheet,
  Text,
  View,
  FlatList,
  Linking,
  Image,
  ActivityIndicator
} from 'react-native';

imparvez

import React, { Component } from 'react';
import { 
	StyleSheet, 
	Text, 
	View, 
	FlatList,
	ListView,
	ActivityIndicator } from 'react-native';

const URL = 'https://www.themealdb.com/api/json/v1/1/latest.php';

imparvez

import React, { Component } from 'react';
import styled from 'styled-components';

export default class Image extends Component {
	render(){
		console.log("PROPS=>", this.props);
		return(
			<ImageComponent src={this.props.source} alt={this.props.text} />
		)
	}

imparvez

import React, { Component } from 'react';
import styled from 'styled-components';

export default class Title extends Component {
	render(){
		console.log("PROPS=>", this.props);
		return(
          <Header>{this.props.title}</Header>
		)
	}

imparvez

import React, { Component } from 'react';
import styled from 'styled-components';
import Title from './Title';
import Image from './Image';

export default class RecipeCard extends Component {
	render(){
		console.log("PROPS=>", this.props);
		return(
          <div>

imparvez

import React, { Component } from 'react';
import axios from 'axios';
import styled from 'styled-components';
import RecipeCard from './components/RecipeCard';
import './App.css';

export default class App extends Component {
  constructor(props) {
    super(props);

imparvez

<section className="section">
  <Button icon="fa fa-github">GitHub</Button> 
  <Button icon="fa fa-twitter" color="isPrimary">Twitter</Button> 
  <Button icon="fa fa-check" color="isSuccess">Save</Button> 
  <Button icon="fa fa-times" color="isDanger" isIconRight>Delete</Button> 
</section>

imparvez

<section className="section">
  <Button state="isDisabled">Disabled</Button> 
  <Button state="isDisabled" color="isPrimary">Disabled</Button> 
  <Button state="isDisabled" color="isInfo">Disabled</Button> 
  <Button state="isDisabled" color="isSuccess">Disabled</Button> 
  <Button state="isDisabled" color="isDanger">Disabled</Button> 
</section>

imparvez

<section className="section">
  <Button state="isActive">Active</Button> 
  <Button state="isActive" color="isPrimary">Active</Button> 
  <Button state="isActive" color="isInfo">Active</Button> 
  <Button state="isActive" color="isSuccess">Active</Button> 
  <Button state="isActive" color="isDanger">Active</Button> 
</section>