Willson Mock fay-jai

## karma.conf.js
/*
 * More detailed explanation here: http://karma-runner.github.io/0.13/config/configuration-file.html
 */

var webpackConfig = require("./webpack.config");

module.exports = function(config) {
    config.set({
        /*
         * Enable or disable watching files and executing the tests whenever

## Hello.spec.tsx
import * as React from "react";
import * as ReactDOM from "react-dom";
import * as TestUtils from "react-addons-test-utils";
import Hello from "../src/Hello";

describe("Hello", () => {
    let renderer: React.ShallowRenderer;

    beforeEach(() => {
        renderer = TestUtils.createRenderer();

## .eslintrc
{
  // http://eslint.org/docs/rules/

  "ecmaFeatures": {
    "binaryLiterals": false,                    // enable binary literals
    "blockBindings": false,                     // enable let and const (aka block bindings)
    "defaultParams": false,                     // enable default function parameters
    "forOf": false,                             // enable for-of loops
    "generators": false,                        // enable generators
    "objectLiteralComputedProperties": false,   // enable computed object literal property names

## index.html
<!DOCTYPE html>
<html>
  <head>
    <meta charset="utf-8">
    <title>Getting Started with Typescript, ReactJS, and Webpack</title>
  </head>
  <body>
    <!-- this is where our Hello component will get rendered into -->
    <div id="root"></div>

## webpack.config.js
var path = require("path");

var config = {
  /*
   * app.ts represents the entry point to your web application. Webpack will
   * recursively go through every "require" statement in app.ts and
   * efficiently build out the application's dependency tree.
   */
  entry: ["./src/app.tsx"],

## app.tsx
// Remember to rename the file from app.ts to app.tsx
// and to keep it in the src/ directory.

import * as React from "react";
import * as ReactDOM from "react-dom";
import Hello from "./Hello";

ReactDOM.render(
  <Hello name="Willson" />,
  document.getElementById("root")

## Hello.tsx
// Remember to rename your file to Hello.tsx and
// place it within your src/ directory

import * as React from "react";

interface HelloProps {
  name: string;
}

class Hello extends React.Component<HelloProps, {}> {

## tsconfig.json
{
  "compilerOptions": {
    "jsx": "react",
    "module": "commonjs",
    "noImplicitAny": true,
    "outDir": "./build/",
    "preserveConstEnums": true,
    "removeComments": true,
    "target": "ES5"
  },

## index.html
<!DOCTYPE html>
<html>
  <head>
    <meta charset="utf-8">
    <title>Getting Started with Typescript, ReactJS, and Webpack</title>
  </head>
  <body>
    <script src="build/bundle.js"></script>
  </body>
</html>

## some_module.ts
// Remember to put this file in your src/ directory

const greeting: string = "Hello World!";

export default greeting;
	/*
	* More detailed explanation here: http://karma-runner.github.io/0.13/config/configuration-file.html
	*/

	var webpackConfig = require("./webpack.config");

	module.exports = function(config) {
	config.set({
	/*
	* Enable or disable watching files and executing the tests whenever
	import * as React from "react";
	import * as ReactDOM from "react-dom";
	import * as TestUtils from "react-addons-test-utils";
	import Hello from "../src/Hello";

	describe("Hello", () => {
	let renderer: React.ShallowRenderer;

	beforeEach(() => {
	renderer = TestUtils.createRenderer();
	{
	// http://eslint.org/docs/rules/

	"ecmaFeatures": {
	"binaryLiterals": false, // enable binary literals
	"blockBindings": false, // enable let and const (aka block bindings)
	"defaultParams": false, // enable default function parameters
	"forOf": false, // enable for-of loops
	"generators": false, // enable generators
	"objectLiteralComputedProperties": false, // enable computed object literal property names
	<!DOCTYPE html>
	<html>
	<head>
	<meta charset="utf-8">
	<title>Getting Started with Typescript, ReactJS, and Webpack</title>
	</head>
	<body>
	<!-- this is where our Hello component will get rendered into -->
	<div id="root"></div>
	var path = require("path");

	var config = {
	/*
	* app.ts represents the entry point to your web application. Webpack will
	* recursively go through every "require" statement in app.ts and
	* efficiently build out the application's dependency tree.
	*/
	entry: ["./src/app.tsx"],
	// Remember to rename the file from app.ts to app.tsx
	// and to keep it in the src/ directory.

	import * as React from "react";
	import * as ReactDOM from "react-dom";
	import Hello from "./Hello";

	ReactDOM.render(
	<Hello name="Willson" />,
	document.getElementById("root")
	// Remember to rename your file to Hello.tsx and
	// place it within your src/ directory

	import * as React from "react";

	interface HelloProps {
	name: string;
	}

	class Hello extends React.Component<HelloProps, {}> {
	{
	"compilerOptions": {
	"jsx": "react",
	"module": "commonjs",
	"noImplicitAny": true,
	"outDir": "./build/",
	"preserveConstEnums": true,
	"removeComments": true,
	"target": "ES5"
	},
	// Remember to put this file in your src/ directory

	const greeting: string = "Hello World!";

	export default greeting;