Fabien de Maestri zgababa

## tuto3_Pokedex4.jsx
'use strict';

import React from 'react';
import Radium from 'radium';
import DetailInfo from './DetailInfo.jsx';
import Paddle from './Paddle.jsx';
import Screen from './Screen.jsx';
import ScreenInfo from './ScreenInfo.jsx';
import get from 'lodash.get';

## tuto3_Screen.jsx
'use strict';

import React, { PropTypes } from 'react';
import Radium from 'radium';
import get from 'lodash.get';

class Screen extends React.Component {
  render() {
    return (
      <div>

## tuto3_ScreenInfo.jsx
'use strict';

import React, { PropTypes } from 'react';
import Radium from 'radium';
import get from 'lodash.get';

const styles = {
  info : {
    position : 'absolute',
    top : '213px',

## tuto3_DetailInfo.jsx
'use strict';

import React, { PropTypes } from 'react';
import Radium from 'radium';
import get from 'lodash.get';

const styles = {
  idPokemon : {
    position : 'absolute',
    top : '467px',

## tuto3_Paddle.jsx
'use strict';

import React, { PropTypes } from 'react';
import Radium from 'radium';

const styles = {
  rightArrow : {
    height : '31px',
    width : '32px',
    backgroundColor : 'red',

## tuto3_Pokedex3.jsx
'use strict';

import React from 'react';
import Radium from 'radium';
import getPokemon from '../client/getPokemon';

class Pokedex extends React.Component {
  constructor() {
    super();
    this.state = {id : 0};

## tuto3_Pokedex2.jsx
'use strict';

import React from 'react';
import getPokemon from '../client/getPokemon';

class Pokedex extends React.Component {
  constructor() {
    super();
    this.state = {id : 0};
    this.arrowRight = this.arrowRight.bind(this);

## tuto3_client.js
'use strict';

import request from 'superagent';

const path = '/graphql';
const queryParam = '?graphqlQuery=';

function getQuery(idPokemon) {
  return `
    {

## tuto3_Pokedex1.jsx
'use strict';

import React from 'react';

class Pokedex extends React.Component {
  constructor() {
    super();
    this.state = {id : 0};
    this.arrowRight = this.arrowRight.bind(this);
    this.arrowLeft = this.arrowLeft.bind(this);

## tuto3_index.html
<html>
 <head>
   <meta charset="utf8">
   <title>PokeReact !</title>
 </head>
 <body>
   <div id="app"/>
   <script src="/bundle.js"></script>
 </body>
</html>
	'use strict';

	import React from 'react';
	import Radium from 'radium';
	import DetailInfo from './DetailInfo.jsx';
	import Paddle from './Paddle.jsx';
	import Screen from './Screen.jsx';
	import ScreenInfo from './ScreenInfo.jsx';
	import get from 'lodash.get';
	'use strict';

	import React, { PropTypes } from 'react';
	import Radium from 'radium';
	import get from 'lodash.get';

	class Screen extends React.Component {
	render() {
	return (
	<div>
	'use strict';

	import React from 'react';
	import getPokemon from '../client/getPokemon';

	class Pokedex extends React.Component {
	constructor() {
	super();
	this.state = {id : 0};
	this.arrowRight = this.arrowRight.bind(this);
	'use strict';

	import request from 'superagent';

	const path = '/graphql';
	const queryParam = '?graphqlQuery=';

	function getQuery(idPokemon) {
	return `
	{
	<html>
	<head>
	<meta charset="utf8">
	<title>PokeReact !</title>
	</head>
	<body>
	<div id="app"/>
	<script src="/bundle.js"></script>
	</body>
	</html>