Skip to content

Commit bef3ae6

Browse files
dustinsoftwaredustinsoftware
committed
Add benchmarking tool
Useful for testing performance-related changes
1 parent c90a4a6 commit bef3ae6

File tree

4 files changed

+116
-1
lines changed

4 files changed

+116
-1
lines changed

‎src/React.sln

Lines changed: 8 additions & 1 deletion
Original file line numberDiff line numberDiff line change
@@ -70,7 +70,9 @@ Project("{9A19103F-16F7-4668-BE54-9A1E7A4F7556}") = "React.Sample.CoreMvc", "Rea
7070
EndProject
7171
Project("{9A19103F-16F7-4668-BE54-9A1E7A4F7556}") = "React.Router.Mvc4", "React.Router.Mvc4\React.Router.Mvc4.csproj", "{2170D912-86E9-4CE3-8DA4-E1DE8D958E63}"
7272
EndProject
73-
Project("{FAE04EC0-301F-11D3-BF4B-00C04F79EFBC}") = "React.Sample.Router.CoreMvc", "React.Sample.Router.CoreMvc\React.Sample.Router.CoreMvc.csproj", "{5BFA69C8-2E66-4112-AC30-CE31503F4175}"
73+
Project("{9A19103F-16F7-4668-BE54-9A1E7A4F7556}") = "React.Sample.Router.CoreMvc", "React.Sample.Router.CoreMvc\React.Sample.Router.CoreMvc.csproj", "{5BFA69C8-2E66-4112-AC30-CE31503F4175}"
74+
EndProject
75+
Project("{FAE04EC0-301F-11D3-BF4B-00C04F79EFBC}") = "React.Tests.Benchmarks", "..\tests\React.Tests.Benchmarks\React.Tests.Benchmarks.csproj", "{083462CB-2FC0-4508-A7ED-4B77B44C3E23}"
7476
EndProject
7577
Global
7678
GlobalSection(SolutionConfigurationPlatforms) = preSolution
@@ -154,6 +156,10 @@ Global
154156
{5BFA69C8-2E66-4112-AC30-CE31503F4175}.Debug|Any CPU.Build.0 = Debug|Any CPU
155157
{5BFA69C8-2E66-4112-AC30-CE31503F4175}.Release|Any CPU.ActiveCfg = Release|Any CPU
156158
{5BFA69C8-2E66-4112-AC30-CE31503F4175}.Release|Any CPU.Build.0 = Release|Any CPU
159+
{083462CB-2FC0-4508-A7ED-4B77B44C3E23}.Debug|Any CPU.ActiveCfg = Debug|Any CPU
160+
{083462CB-2FC0-4508-A7ED-4B77B44C3E23}.Debug|Any CPU.Build.0 = Debug|Any CPU
161+
{083462CB-2FC0-4508-A7ED-4B77B44C3E23}.Release|Any CPU.ActiveCfg = Release|Any CPU
162+
{083462CB-2FC0-4508-A7ED-4B77B44C3E23}.Release|Any CPU.Build.0 = Release|Any CPU
157163
EndGlobalSection
158164
GlobalSection(SolutionProperties) = preSolution
159165
HideSolutionNode = FALSE
@@ -178,6 +184,7 @@ Global
178184
{305918EF-AD05-4743-9B3A-DB1CE84D467E} = {A51CE5B6-294F-4D39-B32B-BF08DAF9B40B}
179185
{2170D912-86E9-4CE3-8DA4-E1DE8D958E63} = {681C45FB-103C-48BC-B992-20C5B6B78F92}
180186
{5BFA69C8-2E66-4112-AC30-CE31503F4175} = {A51CE5B6-294F-4D39-B32B-BF08DAF9B40B}
187+
{083462CB-2FC0-4508-A7ED-4B77B44C3E23} = {F567B25C-E869-4C93-9C96-077761250F87}
181188
EndGlobalSection
182189
GlobalSection(ExtensibilityGlobals) = postSolution
183190
SolutionGuid = {DCF4A41E-C60D-4086-98A9-6F8508D7E8D0}

‎tests/React.Tests.Benchmarks/Program.cs

Lines changed: 69 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -0,0 +1,69 @@
1+
using System;
2+
using BenchmarkDotNet.Attributes;
3+
using BenchmarkDotNet.Running;
4+
using JavaScriptEngineSwitcher.ChakraCore;
5+
using JavaScriptEngineSwitcher.Core;
6+
using Newtonsoft.Json.Linq;
7+
using React.Web.Mvc;
8+
9+
namespace React.Tests.Benchmarks
10+
{
11+
public static class Program
12+
{
13+
public static void Main(string[] args)
14+
{
15+
var summary = BenchmarkRunner.Run<ComponentRenderBenchmarks>();
16+
}
17+
18+
[MemoryDiagnoser]
19+
public class ComponentRenderBenchmarks
20+
{
21+
private static void PopulateTestData()
22+
{
23+
for (int i = 0; i < 10000; i++)
24+
{
25+
_testData.Add(Guid.NewGuid().ToString("n"), Guid.NewGuid().ToString("n"));
26+
}
27+
}
28+
29+
public ComponentRenderBenchmarks()
30+
{
31+
PopulateTestData();
32+
33+
Initializer.Initialize(registration => registration.AsSingleton());
34+
AssemblyRegistration.Container.Register<ICache, NullCache>();
35+
AssemblyRegistration.Container.Register<IFileSystem, SimpleFileSystem>();
36+
JsEngineSwitcher.Instance.EngineFactories.Add(new ChakraCoreJsEngineFactory());
37+
JsEngineSwitcher.Instance.DefaultEngineName = ChakraCoreJsEngine.EngineName;
38+
39+
ReactSiteConfiguration.Configuration
40+
.SetReuseJavaScriptEngines(false)
41+
.AddScript("Sample.jsx");
42+
}
43+
44+
[Benchmark]
45+
public void HtmlHelperExtensions_React()
46+
{
47+
AssertContains("Hello Tester!", HtmlHelperExtensions.React(null, "HelloWorld", _testData, serverOnly: true).ToHtmlString());
48+
}
49+
50+
[Benchmark]
51+
public void Environment_CreateComponent()
52+
{
53+
var component = ReactEnvironment.Current.CreateComponent("HelloWorld", _testData, serverOnly: true);
54+
AssertContains("Hello Tester!", component.RenderHtml(renderServerOnly: true));
55+
ReactEnvironment.Current.ReturnEngineToPool();
56+
}
57+
58+
private static JObject _testData = JObject.FromObject(new System.Collections.Generic.Dictionary<string, string>(){ ["name"] = "Tester" });
59+
}
60+
61+
private static void AssertContains(string expected, string actual)
62+
{
63+
if (!actual.Contains(expected))
64+
{
65+
throw new InvalidOperationException($"Strings were not equal. {expected} {actual}");
66+
}
67+
}
68+
}
69+
}

‎tests/React.Tests.Benchmarks/React.Tests.Benchmarks.csproj

Lines changed: 29 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -0,0 +1,29 @@
1+
<Project Sdk="Microsoft.NET.Sdk">
2+
3+
<PropertyGroup>
4+
<OutputType>Exe</OutputType>
5+
<TargetFramework>net461</TargetFramework>
6+
</PropertyGroup>
7+
8+
<ItemGroup>
9+
<PackageReference Include="benchmarkdotnet" Version="0.10.14" />
10+
<PackageReference Include="JavaScriptEngineSwitcher.ChakraCore" Version="2.4.15" />
11+
<PackageReference Include="JavaScriptEngineSwitcher.ChakraCore.Native.win-x64" Version="2.4.6" />
12+
</ItemGroup>
13+
14+
<ItemGroup>
15+
<ProjectReference Include="..\..\src\React.Core\React.Core.csproj" />
16+
<ProjectReference Include="..\..\src\React.Web.Mvc4\React.Web.Mvc4.csproj" />
17+
</ItemGroup>
18+
19+
<ItemGroup>
20+
<Reference Include="System.Web" />
21+
</ItemGroup>
22+
23+
<ItemGroup>
24+
<None Update="Sample.jsx">
25+
<CopyToOutputDirectory>Always</CopyToOutputDirectory>
26+
</None>
27+
</ItemGroup>
28+
29+
</Project>

‎tests/React.Tests.Benchmarks/Sample.jsx

Lines changed: 10 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -0,0 +1,10 @@
1+
class HelloWorld extends React.Component {
2+
render() {
3+
return (
4+
<div>
5+
Hello {this.props.name}!
6+
All props: {JSON.stringify(this.props)}
7+
</div>
8+
);
9+
}
10+
}

0 commit comments

Comments
 (0)