uxnjs01

## list-react.js
var FruitList = React.createClass({
  render: function() {
    var fruits = [
      {
        id: 1,
        name: 'apples'
      },
      {
        id: 2,
        name: 'oranges'

## react-classname-example.js
var ExampleComponent = React.createClass({
  render: function() {
    var hello = "hello";
    return (
      <h1 className={ hello }>Hello, World!</h1>
    );
  }
});

## interactive-component-with-state.js
var StateExample = React.createClass({
  render: function() {
    getInitialState: function() {
      return {
        likes: 3
      }
    },
    increment: function(e) {
      this.setState({ likes: this.state.likes + 1 });
    },

## component-with-state.js
var StateExample = React.createClass({
  render: function() {
    getInitialState: function() {
      return {
        likes: 3
      }
    },
    return (
      <p>
        {this.state.likes} people like this.

## component-without-state.js
var StateExample = React.createClass({
  render: function() {
    return (
      <p>
        3 people like this.
      </p>
    );
  }
});

## render-helloworld-component.html
<!DOCTYPE html>
<html>
  <head>
    <meta charset="utf-8">
    <title>React.js Hello World!</title>

    <script src="https://fb.me/react-0.13.3.js"></script>
    <script src="https://fb.me/JSXTransformer-0.13.3.js"></script>
  </head>
  <body>

## hello-world-component-create.html
<!DOCTYPE html>
<html>
  <head>
    <meta charset="utf-8">
    <title>React.js Hello World!</title>

    <script src="https://fb.me/react-0.13.3.js"></script>
    <script src="https://fb.me/JSXTransformer-0.13.3.js"></script>
  </head>
  <body>

## load-react-jsx-cdn.html
<!DOCTYPE html>
<html>
  <head>
    <meta charset="utf-8">
    <title>React.js Hello World!</title>

    <script src="https://fb.me/react-0.13.3.js"></script>
    <script src="https://fb.me/JSXTransformer-0.13.3.js"></script>
  </head>
  <body>
	var FruitList = React.createClass({
	render: function() {
	var fruits = [
	{
	id: 1,
	name: 'apples'
	},
	{
	id: 2,
	name: 'oranges'
	var ExampleComponent = React.createClass({
	render: function() {
	var hello = "hello";
	return (
	<h1 className={ hello }>Hello, World!</h1>
	);
	}
	});
	var StateExample = React.createClass({
	render: function() {
	getInitialState: function() {
	return {
	likes: 3
	}
	},
	increment: function(e) {
	this.setState({ likes: this.state.likes + 1 });
	},
	<!DOCTYPE html>
	<html>
	<head>
	<meta charset="utf-8">
	<title>React.js Hello World!</title>

	<script src="https://fb.me/react-0.13.3.js"></script>
	<script src="https://fb.me/JSXTransformer-0.13.3.js"></script>
	</head>
	<body>