92 lines
3.9 KiB
Markdown
92 lines
3.9 KiB
Markdown
---
|
|
id: downloads
|
|
title: Downloads
|
|
layout: single
|
|
---
|
|
Download the starter kit to get everything you need to
|
|
[get started with React](/react/docs/getting-started.html). The starter kit includes React and some simple example apps.
|
|
|
|
<div class="buttons-unit downloads">
|
|
<a href="/react/downloads/react-{{site.react_version}}.zip" class="button">
|
|
Download Starter Kit {{site.react_version}}
|
|
</a>
|
|
</div>
|
|
|
|
## Development vs. Production Builds
|
|
|
|
We provide two versions of React: an uncompressed version for development and a minified version for production. The development version includes extra warnings about common mistakes, whereas the production version includes extra performance optimizations and strips all error messages.
|
|
|
|
If you're just starting out, make sure to use the development version.
|
|
|
|
## Individual Downloads
|
|
|
|
#### React {{site.react_version}} (development)
|
|
The uncompressed, development version of [react.js](https://fb.me/react-{{site.react_version}}.js) and [react-dom.js](https://fb.me/react-dom-{{site.react_version}}.js) with inline documentation (you need both files).
|
|
|
|
```html
|
|
<script src="https://fb.me/react-{{site.react_version}}.js"
|
|
integrity="sha384-{{site.react_hashes.dev}}"
|
|
crossorigin="anonymous"></script>
|
|
<script src="https://fb.me/react-dom-{{site.react_version}}.js"
|
|
integrity="sha384-{{site.react_hashes.dom_dev}}"
|
|
crossorigin="anonymous"></script>
|
|
```
|
|
|
|
#### React {{site.react_version}} (production)
|
|
The compressed, production version of [react.js](https://fb.me/react-{{site.react_version}}.min.js) and [react-dom.js](https://fb.me/react-dom-{{site.react_version}}.min.js) (you need both).
|
|
|
|
```html
|
|
<script src="https://fb.me/react-{{site.react_version}}.min.js"
|
|
integrity="sha384-{{site.react_hashes.prod}}"
|
|
crossorigin="anonymous"></script>
|
|
<script src="https://fb.me/react-dom-{{site.react_version}}.min.js"
|
|
integrity="sha384-{{site.react_hashes.dom_prod}}"
|
|
crossorigin="anonymous"></script>
|
|
```
|
|
|
|
#### React with Add-Ons {{site.react_version}} (development)
|
|
The uncompressed, development version of React with [optional add-ons](/react/docs/addons.html).
|
|
|
|
```html
|
|
<script src="https://fb.me/react-with-addons-{{site.react_version}}.js"
|
|
integrity="sha384-{{site.react_hashes.addons_dev}}"
|
|
crossorigin="anonymous"></script>
|
|
<script src="https://fb.me/react-dom-{{site.react_version}}.js"
|
|
integrity="sha384-{{site.react_hashes.dom_dev}}"
|
|
crossorigin="anonymous"></script>
|
|
```
|
|
|
|
#### React with Add-Ons {{site.react_version}} (production)
|
|
The compressed, production version of React with [optional add-ons](/react/docs/addons.html).
|
|
|
|
```html
|
|
<script src="https://fb.me/react-with-addons-{{site.react_version}}.min.js"
|
|
integrity="sha384-{{site.react_hashes.addons_prod}}"
|
|
crossorigin="anonymous"></script>
|
|
<script src="https://fb.me/react-dom-{{site.react_version}}.min.js"
|
|
integrity="sha384-{{site.react_hashes.dom_prod}}"
|
|
crossorigin="anonymous"></script>
|
|
```
|
|
|
|
All scripts are also available via [CDNJS](https://cdnjs.com/libraries/react/).
|
|
|
|
## npm
|
|
|
|
We recommend using React from npm with a bundler like [browserify](http://browserify.org/) or [webpack](https://webpack.github.io/). You can use the `react` and `react-dom` packages. After installing it using `npm install --save react react-dom`, you can use:
|
|
|
|
```js
|
|
var React = require('react');
|
|
var ReactDOM = require('react-dom');
|
|
ReactDOM.render(<App />, ...);
|
|
```
|
|
|
|
Each of the [add-ons](/react/docs/addons.html) lives in its own package.
|
|
|
|
**Note:** by default, React will be in development mode. To use React in production mode, set the environment variable `NODE_ENV` to `production` (using envify or webpack's DefinePlugin). A minifier that performs dead-code elimination such as [UglifyJS](https://github.com/mishoo/UglifyJS2) is recommended to completely remove the extra code present in development mode.
|
|
|
|
## Bower
|
|
|
|
```sh
|
|
$ bower install --save react
|
|
```
|