Willson Mock fay-jai

## custom_form.jsx
// Here's a React Component class
class CustomForm extends React.Component {
    constructor(props) {
        super(props);

        this.state = {
            inputText: "Willson"
        };

        this.handleInputChange = this.handleInputChange.bind(this);

## hello_world.jsx
// This uses JSX syntax.
var helloWorld = <div>Hello World!</div>;

// And this is what the JSX syntax compiles into in JavaScript:
var helloWorld = React.createElement(
  "div",
  null,
  "Hello World!"
);

## index.html
<!DOCTYPE html>
<html>
    <head>
        <meta charset="utf-8">
        <title>Typescript Modules</title>
    </head>
    <body>
        <script src="build/bundle.js"></script>
    </body>
</html>

## app.ts
import * as SomeModule from "./module1";
import * as AnotherModule from "./module2";

console.log(SomeModule.sayHello("Willson"));
console.log(AnotherModule.add(1, 2, 3, 4));

/*
NOTE: this is the compiled JavaScript, assuming CommonJS module format
"use strict";
var SomeModule = require("./module1");

## module2.ts
namespace InternalModule {
	export function add(...args: number[]): number {
		return args.reduce((acc, cur) => acc + cur, 0);
	}
}

export = InternalModule;

/*
NOTE: this is the compiled JavaScript, assuming CommonJS module format

## module1.ts
export function sayHello(name: string): string {
	return `Hello, ${name}`;
}

/*
NOTE: this is the compiled JavaScript, assuming CommonJS module format
"use strict";
function sayHello(name) {
    return "Hello, " + name;
}

## index.html
<!DOCTYPE html>
<html>
    <head>
        <meta charset="utf-8">
        <title>Typescript Modules</title>
    </head>
    <body>
        <script src="build/module1.js"></script>
        <script src="build/module2.js"></script>
        <script src="build/app.js"></script>

## app.ts
console.log(sayHello("Willson"));
console.log(InternalModule.add(1, 2, 3, 4));

## module2.ts
namespace InternalModule {
	export function add(...args: number[]): number {
		return args.reduce((acc, cur) => acc + cur, 0);
	}
}

## module1.ts
function sayHello(name: string): string {
	return `Hello, ${name}`;
}
	// Here's a React Component class
	class CustomForm extends React.Component {
	constructor(props) {
	super(props);

	this.state = {
	inputText: "Willson"
	};

	this.handleInputChange = this.handleInputChange.bind(this);
	// This uses JSX syntax.
	var helloWorld = <div>Hello World!</div>;

	// And this is what the JSX syntax compiles into in JavaScript:
	var helloWorld = React.createElement(
	"div",
	null,
	"Hello World!"
	);
	<!DOCTYPE html>
	<html>
	<head>
	<meta charset="utf-8">
	<title>Typescript Modules</title>
	</head>
	<body>
	<script src="build/bundle.js"></script>
	</body>
	</html>
	import * as SomeModule from "./module1";
	import * as AnotherModule from "./module2";

	console.log(SomeModule.sayHello("Willson"));
	console.log(AnotherModule.add(1, 2, 3, 4));

	/*
	NOTE: this is the compiled JavaScript, assuming CommonJS module format
	"use strict";
	var SomeModule = require("./module1");
	namespace InternalModule {
	export function add(...args: number[]): number {
	return args.reduce((acc, cur) => acc + cur, 0);
	}
	}

	export = InternalModule;

	/*
	NOTE: this is the compiled JavaScript, assuming CommonJS module format
	export function sayHello(name: string): string {
	return `Hello, ${name}`;
	}

	/*
	NOTE: this is the compiled JavaScript, assuming CommonJS module format
	"use strict";
	function sayHello(name) {
	return "Hello, " + name;
	}
	console.log(sayHello("Willson"));
	console.log(InternalModule.add(1, 2, 3, 4));
	function sayHello(name: string): string {
	return `Hello, ${name}`;
	}