Skip to content

Commit bafa409

Browse files
committed
Split "Getting Started" page into separate "Download" and "Basic Usage" pages.
1 parent 2348f0e commit bafa409

File tree

6 files changed

+61
-59
lines changed

6 files changed

+61
-59
lines changed

site/jekyll/_layouts/default.html

Lines changed: 1 addition & 1 deletion
Original file line numberDiff line numberDiff line change
@@ -36,7 +36,7 @@
3636
</a>
3737
<ul class="nav-site">
3838
<li><a href="/getting-started/getting-started.html"{% if page.sectionid == 'docs' %} class="active"{% endif %}>Docs</a></li>
39-
<li><a href="/getting-started/getting-started.html">Download</a></li>
39+
<li><a href="/download">Download</a></li>
4040
<li><a href="http://github.com/reactjs/React.NET">GitHub</a>
4141
</ul>
4242
</div>

site/jekyll/dev/environment.md renamed to site/jekyll/getting-started/download.md

Lines changed: 24 additions & 1 deletion
Original file line numberDiff line numberDiff line change
@@ -1,8 +1,31 @@
11
---
22
layout: docs
3-
title: Development Environment
3+
title: Downloading and Installing
44
---
55

6+
Release Versions
7+
----------------
8+
The best way to install ReactJS.NET is via NuGet. There are several NuGet
9+
packages available:
10+
11+
* [React](#) - The core React library. Contains the main functionality of React
12+
and JSX. You will normally use this through an integration library like
13+
React.Mvc4.
14+
* [React.Mvc4](#) - Integration with ASP.NET MVC 4 and 5
15+
* [React.Mvc3](#) - Integration with ASP.NET MVC 3
16+
* [System.Web.Optimization.React](#) - Integration with
17+
[ASP.NET Bundling and Minification](http://www.asp.net/mvc/tutorials/mvc-4/bundling-and-minification).
18+
Use this to combine and minify your JavaScript.
19+
* [Cassette.React](#) - Integration with [Cassette](http://getcassette.net/)
20+
21+
These packages can be installed either via the
22+
[UI in Visual Studio](https://docs.nuget.org/docs/start-here/managing-nuget-packages-using-the-dialog),
23+
or via the Package Manager Console:
24+
25+
```
26+
Install-Package React.Mvc4
27+
```
28+
629
Development Builds
730
------------------
831
Development builds are automatically built after every change. Use these if you

site/jekyll/getting-started/getting-started.md

Lines changed: 0 additions & 57 deletions
This file was deleted.

site/jekyll/getting-started/usage.md

Lines changed: 32 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -0,0 +1,32 @@
1+
---
2+
layout: docs
3+
title: Basic Usage
4+
---
5+
6+
Once installed, create your React components as usual, ensuring you add the
7+
`/** @jsx React.DOM */` docblock.
8+
9+
```javascript
10+
// /Scripts/HelloWorld.jsx
11+
/** @jsx React.DOM */
12+
var HelloWorld = React.createClass({
13+
render: function () {
14+
return (
15+
<div>Hello {this.props.name}</div>
16+
);
17+
}
18+
});
19+
```
20+
21+
On-the-Fly JSX to JavaScript Compilation
22+
----------------------------------------
23+
Hit a JSX file in your browser (eg. `/Scripts/HelloWorld.jsx`) and observe
24+
the magnificence of JSX being compiled into JavaScript with no precompilation
25+
necessary.
26+
27+
Next Steps
28+
-----------
29+
On-the-fly JSX compilation is good for fast iteration during development, but
30+
for production you will want to precompile for best performance. This can be
31+
done via [ASP.NET Bundling and Minification](/guides/weboptimizer.html) or
32+
[Cassette](/guides/cassette.html).

site/nginx.conf

Lines changed: 3 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -3,6 +3,9 @@ server {
33
root /var/www/reactjs.net/site/public/;
44
index index.htm index.php;
55

6+
# Shortcuts
7+
rewrite ^/download$ /getting-started/download.html redirect;
8+
69
rewrite ^/packages/$ /packages/index.php;
710
rewrite ^/packages/\$metadata$ /packages/metadata.xml;
811
rewrite ^/packages/Search\(\)/\$count$ /packages/count.php;

site/public/assets

Lines changed: 1 addition & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -0,0 +1 @@
1+
../jekyll/_site/assets

0 commit comments

Comments
 (0)