Implement on-the-fly React / Babel JSX compilation

Author: dustinsoftware

src/React.NodeServices/NodeJsEngine.cs

@@ -38,7 +38,7 @@ public static INodeJsEngine CreateEngine(INodeJSService nodeJSService)
 
 		public T CallFunctionReturningJson<T>(string function, object[] args)
 		{
-			return _nodeJSService.InvokeFromStringAsync<T>(WrapAsModule(function), args: args).ConfigureAwait(false).GetAwaiter().GetResult();
+			return _nodeJSService.InvokeFromStringAsync<T>(WrapAsModule($"{function}(...{JsonConvert.SerializeObject(args ?? new object[0])})")).ConfigureAwait(false).GetAwaiter().GetResult();
 		}
 
 		public void Dispose()
@@ -51,10 +51,7 @@ public T Evaluate<T>(string code)
 			return _nodeJSService.InvokeFromStringAsync<T>(WrapAsModule(code)).ConfigureAwait(false).GetAwaiter().GetResult();
 		}
 
-		public void Execute(string contents, string file)
-		{
-			throw new NotImplementedException();
-		}
+		public void Execute(string contents, string file) => Execute(contents);
 
 		public void Execute(string code)
 		{

src/React.NodeServices/ReactWithNodeEnvironment.cs

@@ -136,6 +136,14 @@ IReactIdGenerator reactIdGenerator
 
 				var nodeInstance = _config.CreateNodeJsInstance();
 
+				if (_config.LoadReact)
+				{
+					nodeInstance.ExecuteResource(_config.UseDebugReact
+							? "React.Core.Resources.react.generated.js"
+							: "React.Core.Resources.react.generated.min.js",
+						typeof(ReactEnvironment).Assembly);
+				}
+
 				LoadUserScripts(nodeInstance);
 
 				return nodeInstance;

src/React.Sample.Mvc4/Content/Sample.tsx

@@ -66,9 +66,9 @@ function CommentsBox(props: CommentsBoxProps) {
 			return <em>Loading...</em>;
 		} else if (state.hasMore) {
 			return (
-				<Reactstrap.Button onClick={loadMoreClicked}>
+				<button onClick={loadMoreClicked}>
 					Load More
-				</Reactstrap.Button>
+				</button>
 			);
 		} else {
 			return <em>No more comments</em>;