Rajika Imal rajikaimal

## react-handles.html
<script type="text/babel">
  var Tweet = React.createClass({
    getInitialState: function() {
      return {suggestiontags: []};
    },
    componentDidMount: function() {
      this.setState({suggestiontags: [{ id: 1, text: '#React' },{ id: 2, text: '#Angular' }]});
    },
    render: function() {
      var handleTags = this.state.suggestiontags.map(function(tag){

## react-states.html
<script type="text/babel">
  var Tweet = React.createClass({
    getInitialState: function() {
      return {suggestiontags: []};
    },
    componentDidMount: function() {
      this.setState({suggestiontags: [{ id: 1, text: '#React' },{ id: 2, text: '#Angular' }]});
    },
    render: function() {
      var handleTags = this.state.suggestiontags.map(function(tag){

## react-props.html
<script type="text/babel">
  var Tweet = React.createClass({
    render: function() {
      var handleTags = this.props.tags.map(function(tag){
          return (<TwitterTags twitterTags={tag}/>);
      });
      return (
        <div>
          <TwitterHeader />
          <TwitterPoster />

## tweet.html
<script type="text/babel">
  var Tweet = React.createClass({
    render: function() {
      return (
        <div>
          <TwitterHeader />
          <TwitterPoster />
          <TweetButton />
        </div>
      );

## react-way.html
<!DOCTYPE html>
<html>
  <head>
    <meta charset="utf-8">
    <title>React-way</title>
    <!-- Not present in the tutorial. Just for basic styling. -->

    <script src="https://cdnjs.cloudflare.com/ajax/libs/react/0.14.0/react.js"></script>
    <script src="https://cdnjs.cloudflare.com/ajax/libs/react/0.14.0/react-dom.js"></script>
    <script src="https://cdnjs.cloudflare.com/ajax/libs/babel-core/5.6.15/browser.js"></script>

## es6-import.js
//es5 with require
var express = require('express');
var app = express();
//es6 import
import express from 'express';
//then express is available as a variable
var app = express();

## gulpfile.babel.js
import gulp from 'gulp';
import rename from 'gulp-rename';
import ngAnnotate from 'gulp-ng-annotate';
import watch from 'gulp-watch';
import nodemon from 'gulp-nodemon';

gulp.task('minify',() => {
	gulp.src('modules/**/*.js')
	.pipe(rename({
		extname: '.min.js'

## arrow-functions.js
//es5
app.get('home',function(req,res){
    res.json({name: 'Rajika', universe: 'DC'});
});
//es6 arrow functions
app.get('home',(req,res) => {
    res.json({name: 'Rajika', universe: 'DC'});
});

## basic-response-ql.txt
{
  "data": {
    "users": [
      {"_id": 1,
        "name": "Rajika",
        "age": 20
      },
      {"_id": 1,
        "name": "Tiffany",
        "age": 25

## nested-fields.txt
{
  users {
    _id,
    name,
    age,
    birthday {
      date,
      month,
      year
    }
	<script type="text/babel">
	var Tweet = React.createClass({
	getInitialState: function() {
	return {suggestiontags: []};
	},
	componentDidMount: function() {
	this.setState({suggestiontags: [{ id: 1, text: '#React' },{ id: 2, text: '#Angular' }]});
	},
	render: function() {
	var handleTags = this.state.suggestiontags.map(function(tag){
	<!DOCTYPE html>
	<html>
	<head>
	<meta charset="utf-8">
	<title>React-way</title>
	<!-- Not present in the tutorial. Just for basic styling. -->

	<script src="https://cdnjs.cloudflare.com/ajax/libs/react/0.14.0/react.js"></script>
	<script src="https://cdnjs.cloudflare.com/ajax/libs/react/0.14.0/react-dom.js"></script>
	<script src="https://cdnjs.cloudflare.com/ajax/libs/babel-core/5.6.15/browser.js"></script>
	//es5 with require
	var express = require('express');
	var app = express();
	//es6 import
	import express from 'express';
	//then express is available as a variable
	var app = express();
	import gulp from 'gulp';
	import rename from 'gulp-rename';
	import ngAnnotate from 'gulp-ng-annotate';
	import watch from 'gulp-watch';
	import nodemon from 'gulp-nodemon';

	gulp.task('minify',() => {
	gulp.src('modules/*/.js')
	.pipe(rename({
	extname: '.min.js'
	//es5
	app.get('home',function(req,res){
	res.json({name: 'Rajika', universe: 'DC'});
	});
	//es6 arrow functions
	app.get('home',(req,res) => {
	res.json({name: 'Rajika', universe: 'DC'});
	});
	{
	"data": {
	"users": [
	{"_id": 1,
	"name": "Rajika",
	"age": 20
	},
	{"_id": 1,
	"name": "Tiffany",
	"age": 25