Mohammed El-Nabulsi Mohammed-El-Nabulsi

## main.jsx
import { render } from 'react-dom';

render(
    <div>
        <button>
            Hello World!
        </button>
    </div>
    ,
  document.getElementById('app'),

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

module.exports = {
    entry: ['./main.jsx'],
    output: {
        path: path.join(__dirname, 'wwwroot'),
        filename: '[name].bundle.js',
    },

    watch: true,

## package.json
  "devDependencies": {
    "babel": "^6.5.2",
    "babel-loader": "^6.2.4",
    "babel-polyfill": "^6.7.4",
    "babel-preset-es2015": "^6.6.0",
    "babel-preset-react": "^6.5.0",
    "babel-preset-stage-0": "^6.5.0",
    "file-loader": "^0.8.5",
  },
  "dependencies": {

## index.cshtml
<!DOCTYPE html>
<html>
  <head>
    <meta charset="utf-8" />
  </head>
  <body>
    <div id="app"></div>
    <script src="~/main.bundle.js"></script>
  </body>
</html>

## HomeController.cs
using Microsoft.AspNet.Mvc;

namespace SampleApp.Controllers
{
    public class HomeController : Controller
    {
        public IActionResult Index()
        {
            return View();
        }

## Startup.cs
public void ConfigureServices(IServiceCollection services)
{
    services.AddMvc();
}

public void Configure(IApplicationBuilder app)
{
    app.UseIISPlatformHandler();

    app.UseStaticFiles();

## project.json
"dependencies": {
    "Microsoft.AspNet.IISPlatformHandler": "1.0.0-rc1-final",
    "Microsoft.AspNet.Server.Kestrel": "1.0.0-rc1-final",
    "Microsoft.AspNet.Mvc": "6.0.0-rc1-final",
    "Microsoft.AspNet.StaticFiles": "1.0.0-rc1-final"
}

## scaffolding.bat
dnu restore

## scaffolding.bat
npm install -g yo grunt-cli generator-aspnet bower
yo aspnet

## demo.jsx
import { render } from 'react-dom';
import { Router, Route, Link, browserHistory, IndexRoute } from 'react-router'

class LangList extends React.Component {
  render() {
    return (
      <div>LangList</div>
    )
  }
}
	import { render } from 'react-dom';

	render(
	<div>
	<button>
	Hello World!
	</button>
	</div>
	,
	document.getElementById('app'),
	var path = require('path');

	module.exports = {
	entry: ['./main.jsx'],
	output: {
	path: path.join(__dirname, 'wwwroot'),
	filename: '[name].bundle.js',
	},

	watch: true,
	"devDependencies": {
	"babel": "^6.5.2",
	"babel-loader": "^6.2.4",
	"babel-polyfill": "^6.7.4",
	"babel-preset-es2015": "^6.6.0",
	"babel-preset-react": "^6.5.0",
	"babel-preset-stage-0": "^6.5.0",
	"file-loader": "^0.8.5",
	},
	"dependencies": {
	<!DOCTYPE html>
	<html>
	<head>
	<meta charset="utf-8" />
	</head>
	<body>
	<div id="app"></div>
	<script src="~/main.bundle.js"></script>
	</body>
	</html>
	using Microsoft.AspNet.Mvc;

	namespace SampleApp.Controllers
	{
	public class HomeController : Controller
	{
	public IActionResult Index()
	{
	return View();
	}
	public void ConfigureServices(IServiceCollection services)
	{
	services.AddMvc();
	}

	public void Configure(IApplicationBuilder app)
	{
	app.UseIISPlatformHandler();

	app.UseStaticFiles();
	"dependencies": {
	"Microsoft.AspNet.IISPlatformHandler": "1.0.0-rc1-final",
	"Microsoft.AspNet.Server.Kestrel": "1.0.0-rc1-final",
	"Microsoft.AspNet.Mvc": "6.0.0-rc1-final",
	"Microsoft.AspNet.StaticFiles": "1.0.0-rc1-final"
	}
	import { render } from 'react-dom';
	import { Router, Route, Link, browserHistory, IndexRoute } from 'react-router'

	class LangList extends React.Component {
	render() {
	return (
	<div>LangList</div>
	)
	}
	}