columns.AddColumn(column =>
{
//...
column.ColumnItemsTemplate(template =>
{
template.Hyperlink(foreColor: System.Drawing.Color.Blue, fontUnderline: true);
});
});columns.AddColumn(column =>
{
//...
column.ColumnItemsTemplate(template =>
{
template.TextBlock();
});
});Generate(data => data.FlushInBrowser(fileName))
_getHostByNameHook = LocalHook.Create(
InTargetProc: LocalHook.GetProcAddress("ws2_32.dll", "gethostbyname"),
InNewProc: new GetHostByNameDelegate(getHostByNameHooked),
InCallback: this); [UnmanagedFunctionPointer(CallingConvention.StdCall, CharSet = CharSet.Ansi, SetLastError = false)]
private delegate IntPtr GetHostByNameDelegate(string name); private static IntPtr getHostByNameHooked(string name)
{
// redirect ...
//if (name.StartsWith("www.google.com"))
//{
// return Native.GetHostByName("127.0.0.1");
//}
return Native.gethostbyname(name);
} 
public static void Function_A()
{
lock (resource_1)
{
Thread.Sleep(1000);
lock (resource_ 2)
{
}
}
}
public static void Function_B()
{
lock (resource_2)
{
Thread.Sleep(1000);
lock (resource_1)
{
}
}
}
static void Main()
{
Thread thread_A = new Thread((ThreadStart)Function_A);
Thread thread_B = new Thread((ThreadStart)Function_B);
thread_A.Start();
thread_B.Start();
while (true)
{
// Stare at the two threads in deadlock.
}
} if (x == 5)
{
y = x * 2;
} 
public bool HasChanges()
{
return this.ChangeTracker.Entries().Any(e => e.State != EntityState.Unchanged);
}
public void RejectChanges()
{
foreach (var entry in this.ChangeTracker.Entries())
{
switch (entry.State)
{
case EntityState.Modified:
entry.State = EntityState.Unchanged;
break;
case EntityState.Added:
entry.State = EntityState.Detached;
break;
}
}
}
.MainTablePreferences(table =>
{
//...
table.SpacingAfter(2f);
})
ReactDOM.render(<App />, document.getElementById('root')); // List.js
import React, { Component } from 'react';
import { ActionButton } from './ActionButton';
export class List extends Component {
constructor(props) {
super(props);
this.state = {
items: [
{ id: 1, title: "Item 1" },
{ id: 2, title: "Item 2" },
{ id: 3, title: "Item 3" },
{ id: 4, title: "Item 4" },
{ id: 5, title: "Item 5" },
]
};
}
reverse = () => {
this.setState({ items: this.state.items.reverse() });
}
render() {
console.log("Render List Component");
return (
<div className="list-container">
<ActionButton callback={this.reverse} />
<ul>
{this.state.items.map(item => {
return <li key={item.id}>
{item.title}
</li>
})}
</ul>
</div>
);
}
}
// ActionButton.js
import React, { Component } from 'react';
export class ActionButton extends Component {
render() {
console.log("Render ActionButton Component");
return (
<button onClick={this.props.callback}>Click me</button>
);
}
} import React from 'react';
import './App.css';
import { List } from './List';
function App() {
console.log("Render App Component");
return (
<div className="App">
<h1>Reconciliation Process</h1>
<List />
</div>
);
}
export default App; 
Render App Component Render List Component Render ActionButton Component
<ul id="list">
{this.state.items.map(item => {
return <li key={item.id}>
{item.title}
</li>
})}
</ul> document.getElementById("list").classList.add("message") همانطور که مشخص است کد فوق کلاسی با نام message را به عنصر ul اضافه کرده است:
.message {
border: 1px solid green;
padding: 2rem;
}
اکنون وقتی بر روی دکمه Click me کلیک کنیم، محتوای درون کامپوننت فوق تغییر پیدا میکند، اما عنصر ul همچنان دارای کلاس message است؛ دلیل آن نیز همانطور که عنوان شد این است که React محتوای تولید شده توسط کامپوننت List را با Virtual DOM خودش مقایسه میکند و چون از لحاظ ساختار DOM با هم برابر هستند تغییری در ساختار خروجی کامپوننت ایجاد نمیکند و فقط قسمت‌هایی را که تغییر کرده‌اند، بروزرسانی خواهد کرد.
اکنون کامپوننت فوق را اینگونه تغییر خواهیم داد:
import React, { Component } from 'react';
import { ActionButton } from './ActionButton';
export class List extends Component {
constructor(props) {
// as before
}
reverse = () => {
this.setState({ items: this.state.items.reverse(), wrapInDiv: true });
}
generateElement = () => {
const list = <ul id="list">
{this.state.items.map(item => {
return <li key={item.id}>
{item.title}
</li>
})}
</ul>;
return this.state.wrapInDiv ? <div>{list}</div> : list;
}
render() {
console.log("Render List Component");
return (
<div className="list-container">
<ActionButton callback={this.reverse} />
{this.generateElement()}
</div>
);
}
}