# React.NET

**Repository Path**: vonleen/React.NET

## Basic Information

- **Project Name**: React.NET
- **Description**: No description available
- **Primary Language**: Unknown
- **License**: MIT
- **Default Branch**: master
- **Homepage**: None
- **GVP Project**: No

## Statistics

- **Stars**: 0
- **Forks**: 0
- **Created**: 2018-12-24
- **Last Updated**: 2020-12-19

## Categories & Tags

**Categories**: Uncategorized

**Tags**: None

## README

# [ReactJS.NET](http://reactjs.net/)

ReactJS.NET is a library that makes it easier to use [Babel](http://babeljs.io/) along with Facebook's [React](http://facebook.github.io/react/) and [JSX](http://facebook.github.io/react/docs/jsx-in-depth.html) from C#.

[![Build status](https://img.shields.io/appveyor/ci/Daniel15/react-net/master.svg)](https://ci.appveyor.com/project/Daniel15/react-net/branch/master) 
[![NuGet version](http://img.shields.io/nuget/v/React.Core.svg)](https://www.nuget.org/packages/React.Core/)
[![Download count](https://img.shields.io/nuget/dt/React.Core.svg)](https://www.nuget.org/packages/React.Core/)

# Features

-   On-the-fly [JSX to JavaScript compilation](http://reactjs.net/getting-started/usage.html) via [Babel](http://babeljs.io/)

*   JSX to JavaScript compilation via popular minification/combination
    libraries:
    -   [ASP.NET Bundling and Minification](http://reactjs.net/bundling/weboptimizer.html)
    -   [Cassette](http://reactjs.net/bundling/cassette.html)
    -   [Webpack](http://reactjs.net/bundling/webpack.html)
    -   [MSBuild](http://reactjs.net/bundling/msbuild.html)
*   [Server-side component rendering](http://reactjs.net/features/server-side-rendering.html)
    to make your initial render super-fast (experimental!)
*   [Runs on Windows, OS X and Linux](http://reactjs.net/getting-started/chakracore.html) via .NET Core and ChakraCore
*   Supports both ASP.NET 4.0/4.5 and ASP.NET Core
*   Server-side style rendering with CSS-in-JS libraries

# Quick Start

Install the package

```
Install-Package React.Web.Mvc4 # For ASP.NET MVC 4 or 5
Install-Package React.AspNet   # For ASP.NET Core MVC
```

Create JSX files

```javascript
// /Scripts/HelloWorld.jsx
class HelloWorld extends React.Component {
	render() {
		return <div>Hello {this.props.name}</div>;
	}
}
```

Reference the JSX files from your HTML

```html
<script src="@Url.Content("~/Scripts/HelloWorld.jsx")"></script>
```

Now you can use the `HelloWorld` component.

For information on more advanced topics (including precompilation and
server-side rendering), check out [the documentation](http://reactjs.net/docs)

## Building Manually and Contributing

When building your own copy of ReactJS.NET (for example, if implementing a new
feature or fixing a bug), your first build always needs to be done using the
build script (`dev-build.bat`) as this generates a few files required by the
build (such as `SharedAssemblyVersionInfo.cs`). Once this build is completed,
you can open `React.sln` in Visual Studio and compile directly from Visual
Studio. Please refer to the [documentation page on
contributing](http://reactjs.net/dev/contributing.html) for more information on
contributing to ReactJS.NET.

Note that the build requires you to have Git installed. If you do not want to
install Git, you may remove the `GitVersion` task from `build.proj`.