File tree Expand file tree Collapse file tree 6 files changed +61
-59
lines changed Expand file tree Collapse file tree 6 files changed +61
-59
lines changed Original file line number Diff line number Diff line change 36
36
</ a >
37
37
< ul class ="nav-site ">
38
38
< 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 >
40
40
< li > < a href ="http://github.com/reactjs/React.NET "> GitHub</ a >
41
41
</ ul >
42
42
</ div >
Original file line number Diff line number Diff line change 1
1
---
2
2
layout : docs
3
- title : Development Environment
3
+ title : Downloading and Installing
4
4
---
5
5
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
+
6
29
Development Builds
7
30
------------------
8
31
Development builds are automatically built after every change. Use these if you
Load Diff This file was deleted.
Original file line number Diff line number Diff line change
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 ) .
Original file line number Diff line number Diff line change 3
3
root /var/www/reactjs.net/site/public/;
4
4
index index.htm index.php;
5
5
6
+ # Shortcuts
7
+ rewrite ^/download$ /getting-started/download.html redirect;
8
+
6
9
rewrite ^/packages/$ /packages/index.php;
7
10
rewrite ^/packages/\$metadata$ /packages/metadata.xml;
8
11
rewrite ^/packages/Search\(\)/\$count$ /packages/count.php;
Original file line number Diff line number Diff line change
1
+ ../jekyll/_site/assets
You can’t perform that action at this time.
0 commit comments