diff --git a/CHANGELOG.md b/CHANGELOG.md
index 3ce7715f9d58d..077c8ca68f9c6 100644
--- a/CHANGELOG.md
+++ b/CHANGELOG.md
@@ -68,7 +68,7 @@
#### New Features
-* Support for using ES6 classes to build React components; see the [v0.13.0 beta 1 notes](http://facebook.github.io/react/blog/2015/01/27/react-v0.13.0-beta-1.html) for details.
+* Support for using ES6 classes to build React components; see the [v0.13.0 beta 1 notes](https://facebook.github.io/react/blog/2015/01/27/react-v0.13.0-beta-1.html) for details.
* Added new top-level API `React.findDOMNode(component)`, which should be used in place of `component.getDOMNode()`. The base class for ES6-based components will not have `getDOMNode`. This change will enable some more patterns moving forward.
* Added a new top-level API `React.cloneElement(el, props)` for making copies of React elements – see the [v0.13 RC2 notes](/react/blog/2015/03/03/react-v0.13-rc2.html#react.cloneelement) for more details.
* New `ref` style, allowing a callback to be used in place of a name: ` this._photo = c} />` allows you to reference the component with `this._photo` (as opposed to `ref="photo"` which gives `this.refs.photo`).
@@ -304,7 +304,7 @@
#### New Features
* Added warnings to help migrate towards descriptors
-* Made it possible to server render without React-related markup (`data-reactid`, `data-react-checksum`). This DOM will not be mountable by React. [Read the docs for `React.renderComponentToStaticMarkup`](http://facebook.github.io/react/docs/top-level-api.html#react.rendercomponenttostaticmarkup)
+* Made it possible to server render without React-related markup (`data-reactid`, `data-react-checksum`). This DOM will not be mountable by React. [Read the docs for `React.renderComponentToStaticMarkup`](https://facebook.github.io/react/docs/top-level-api.html#react.rendercomponenttostaticmarkup)
* Added support for more attributes:
* `srcSet` for `` to specify images at different pixel ratios
* `textAnchor` for SVG
@@ -316,7 +316,7 @@
### Addons
-* `update` function to deal with immutable data. [Read the docs](http://facebook.github.io/react/docs/update.html)
+* `update` function to deal with immutable data. [Read the docs](https://facebook.github.io/react/docs/update.html)
### react-tools
* Added an option argument to `transform` function. The only option supported is `harmony`, which behaves the same as `jsx --harmony` on the command line. This uses the ES6 transforms from [jstransform](https://github.com/facebook/jstransform).
@@ -478,7 +478,7 @@
### React with Addons (New!)
-* Introduced a separate build with several "addons" which we think can help improve the React experience. We plan to deprecate this in the long-term, instead shipping each as standalone pieces. [Read more in the docs](http://facebook.github.io/react/docs/addons.html).
+* Introduced a separate build with several "addons" which we think can help improve the React experience. We plan to deprecate this in the long-term, instead shipping each as standalone pieces. [Read more in the docs](https://facebook.github.io/react/docs/addons.html).
### JSX
@@ -511,10 +511,10 @@
* Switch from using `id` attribute to `data-reactid` to track DOM nodes. This allows you to integrate with other JS and CSS libraries more easily.
* Support for more DOM elements and attributes (e.g., `
-
+
@@ -28,7 +28,7 @@ It was a privilege to welcome the React community to Facebook HQ on January 28
-
+
@@ -40,7 +40,7 @@ It was a privilege to welcome the React community to Facebook HQ on January 28
-
+
@@ -52,7 +52,7 @@ It was a privilege to welcome the React community to Facebook HQ on January 28
-
+
@@ -64,7 +64,7 @@ It was a privilege to welcome the React community to Facebook HQ on January 28
-
+
@@ -76,7 +76,7 @@ It was a privilege to welcome the React community to Facebook HQ on January 28
-
+
@@ -88,7 +88,7 @@ It was a privilege to welcome the React community to Facebook HQ on January 28
-
+
@@ -96,11 +96,11 @@ It was a privilege to welcome the React community to Facebook HQ on January 28
- Jason Bonta showed us how complex user interfaces can get, and how his team keeps them performant as they scale. He also had the pleasure of open-sourcing his team’s work on FixedDataTable.
+ Jason Bonta showed us how complex user interfaces can get, and how his team keeps them performant as they scale. He also had the pleasure of open-sourcing his team’s work on FixedDataTable.
-
+
@@ -112,7 +112,7 @@ It was a privilege to welcome the React community to Facebook HQ on January 28
-
+
@@ -124,7 +124,7 @@ It was a privilege to welcome the React community to Facebook HQ on January 28
-
+
@@ -136,7 +136,7 @@ It was a privilege to welcome the React community to Facebook HQ on January 28
-
+
@@ -148,7 +148,7 @@ It was a privilege to welcome the React community to Facebook HQ on January 28
-
+
@@ -160,7 +160,7 @@ It was a privilege to welcome the React community to Facebook HQ on January 28
-
+
@@ -171,7 +171,7 @@ It was a privilege to welcome the React community to Facebook HQ on January 28
Jafar Husain told us a story about how Netflix was able to push React into places where the DOM could not go.
-
+
@@ -182,7 +182,7 @@ It was a privilege to welcome the React community to Facebook HQ on January 28
Zach Nation showed us how we can produce visualizations from over 45 million data points without breaking a sweat.
-
+
@@ -193,7 +193,7 @@ It was a privilege to welcome the React community to Facebook HQ on January 28
David Nolen gave us a view of React from a non-JavaScript perspective, challenging some common intuition along the way.
-
+
@@ -204,7 +204,7 @@ It was a privilege to welcome the React community to Facebook HQ on January 28
Bill Fisher coordinated a Flux panel together with Michael Ridgway, Spike Brehm, Andres Suarez, Jing Chen, Ian Obermiller, and Kyle Davis.
-
+
@@ -215,7 +215,7 @@ It was a privilege to welcome the React community to Facebook HQ on January 28
Bonnie Eisenman led us through the ‘adapter’ approach to inter-component communication taken by her team at Codecademy.
-
+
@@ -226,7 +226,7 @@ It was a privilege to welcome the React community to Facebook HQ on January 28
James Brantly demonstrated how we can reap the benefits of static typing using both Flow and TypeScript.
-
+
@@ -237,7 +237,7 @@ It was a privilege to welcome the React community to Facebook HQ on January 28
Tom Occhino, Ben Alpert, Lee Byron, Christopher Chedeau, Sebastian Markbåge, Jing Chen, and Dan Schafer closed the conference with a Q&A session.
-
+
@@ -266,4 +266,4 @@ And, in case you missed a session, you can borrow **Michael Chan’s** [drawings
**All proceeds from React.js Conf 2015 were donated to the wonderful programs at [code.org](http://code.org)**. These programs aim to increase access to the field of computer science by underrepresented members of our community. Watch this video to learn more.
-
+
diff --git a/docs/_posts/2015-02-20-introducing-relay-and-graphql.md b/docs/_posts/2015-02-20-introducing-relay-and-graphql.md
index 0cbaf936a1130..80e6a8ace5fbb 100644
--- a/docs/_posts/2015-02-20-introducing-relay-and-graphql.md
+++ b/docs/_posts/2015-02-20-introducing-relay-and-graphql.md
@@ -8,7 +8,7 @@ author: Greg Hurrell
There's more to building an application than creating a user interface. Data fetching is still a tricky problem, especially as applications become more complicated. At [React.js Conf](http://conf.reactjs.com/) we announced two projects we've created at Facebook to make data fetching simple for developers, even as a product grows to include dozens of contributors and the application becomes as complex as Facebook itself.
-
+
The two projects — Relay and GraphQL — have been in use in production at Facebook for some time, and we're excited to be bringing them to the world as open source in the future. In the meantime, we wanted to share some additional information about the projects here.
diff --git a/docs/_posts/2015-02-24-react-v0.13-rc1.md b/docs/_posts/2015-02-24-react-v0.13-rc1.md
index 48dc941adb5eb..ce0af2f530500 100644
--- a/docs/_posts/2015-02-24-react-v0.13-rc1.md
+++ b/docs/_posts/2015-02-24-react-v0.13-rc1.md
@@ -12,13 +12,13 @@ We've talked a little bit about the changes that are coming. The splashiest of t
The release candidate is available for download:
* **React**
- Dev build with warnings:
- Minified build for production:
+ Dev build with warnings:
+ Minified build for production:
* **React with Add-Ons**
- Dev build with warnings:
- Minified build for production:
+ Dev build with warnings:
+ Minified build for production:
* **In-Browser JSX transformer**
-
+
We've also published version `0.13.0-rc1` of the `react` and `react-tools` packages on npm and the `react` package on bower.
@@ -39,7 +39,7 @@ We've also published version `0.13.0-rc1` of the `react` and `react-tools` packa
#### New Features
-* Support for using ES6 classes to build React components; see the [v0.13.0 beta 1 notes](http://facebook.github.io/react/blog/2015/01/27/react-v0.13.0-beta-1.html) for details
+* Support for using ES6 classes to build React components; see the [v0.13.0 beta 1 notes](/react/blog/2015/01/27/react-v0.13.0-beta-1.html) for details
* Added new top-level API `React.findDOMNode(component)`, which should be used in place of `component.getDOMNode()`. The base class for ES6-based components will not have `getDOMNode`. This change will enable some more patterns moving forward.
* New `ref` style, allowing a callback to be used in place of a name: ` this._photo = c} />` allows you to reference the component with `this._photo` (as opposed to `ref="photo"` which gives `this.refs.photo`)
* `this.setState()` can now take a function as the first argument for transactional state updates, such as `this.setState((state, props) => ({count: state.count + 1}));` -- this means that you no longer need to use `this._pendingState`, which is now gone.
diff --git a/docs/_posts/2015-03-03-react-v0.13-rc2.md b/docs/_posts/2015-03-03-react-v0.13-rc2.md
index dffe46481f74f..df8b1f3abe169 100644
--- a/docs/_posts/2015-03-03-react-v0.13-rc2.md
+++ b/docs/_posts/2015-03-03-react-v0.13-rc2.md
@@ -13,13 +13,13 @@ Thanks to everybody who has already been testing the release candidate. We've re
The release candidate is available for download:
* **React**
- Dev build with warnings:
- Minified build for production:
+ Dev build with warnings:
+ Minified build for production:
* **React with Add-Ons**
- Dev build with warnings:
- Minified build for production:
+ Dev build with warnings:
+ Minified build for production:
* **In-Browser JSX transformer**
-
+
We've also published version `0.13.0-rc2` of the `react` and `react-tools` packages on npm and the `react` package on bower.
diff --git a/docs/_posts/2015-03-04-community-roundup-25.md b/docs/_posts/2015-03-04-community-roundup-25.md
index d6b3dd9719a55..43455f3fa020c 100644
--- a/docs/_posts/2015-03-04-community-roundup-25.md
+++ b/docs/_posts/2015-03-04-community-roundup-25.md
@@ -12,7 +12,7 @@ Interest in React has been exploding recently, so it's a good time to explore so
[Formidable Labs](https://github.com/FormidableLabs) and [Seattle JS](http://www.meetup.com/seattlejs/) recently hosted a series of React, Flux, and Flow workshops, and the first part is available to watch online:
-
+
[AEFlash](https://github.com/aearly) writes up [some best practices and tips](http://aeflash.com/2015-02/react-tips-and-best-practices.html) to help you avoid potential pitfalls when developing with React.
@@ -40,7 +40,7 @@ Our own [Sebastian Markbåge](https://github.com/sebmarkbage) was on the [Web Pl
[Andrew Hillel](https://twitter.com/andyhillel) of the BBC gives [an excellent and thorough breakdown](http://www.bbc.co.uk/blogs/internet/entries/47a96d23-ae04-444e-808f-678e6809765d) of the stack they used to rebuild their homepage, with React as an integral part of the front-end.
-A team from New Zealand called [Atomic](https://atomic.io/) is [building web and mobile prototyping and design tools](http://thenextweb.com/creativity/2015/02/19/meet-atomic-missing-tool-interface-design-thats-entirely-browser/) entirely in-browser, and as co-founder [Darryl Gray](http://twitter.com/darrylgray) says, “React.js “totally changed” the fact that browser performance often wasn’t good enough for complex tools like this.”.
+A team from New Zealand called [Atomic](https://atomic.io/) is [building web and mobile prototyping and design tools](http://thenextweb.com/creativity/2015/02/19/meet-atomic-missing-tool-interface-design-thats-entirely-browser/) entirely in-browser, and as co-founder [Darryl Gray](https://twitter.com/darrylgray) says, “React.js “totally changed” the fact that browser performance often wasn’t good enough for complex tools like this.”.
[Polarr](https://github.com/Polarrco) have rebuilt [their browser-based photo editor](http://polarrist.tumblr.com/post/111290422225/polarr-photo-editor-2-0-alpha-is-here) with React.
diff --git a/docs/_posts/2015-03-10-react-v0.13.md b/docs/_posts/2015-03-10-react-v0.13.md
index facd406d5f838..4baee2874d78d 100644
--- a/docs/_posts/2015-03-10-react-v0.13.md
+++ b/docs/_posts/2015-03-10-react-v0.13.md
@@ -17,13 +17,13 @@ Our planned optimizations require that ReactElement objects are immutable, which
The release is now available for download:
* **React**
- Dev build with warnings:
- Minified build for production:
+ Dev build with warnings:
+ Minified build for production:
* **React with Add-Ons**
- Dev build with warnings:
- Minified build for production:
+ Dev build with warnings:
+ Minified build for production:
* **In-Browser JSX transformer**
-
+
We've also published version `0.13.0` of the `react` and `react-tools` packages on npm and the `react` package on bower.
@@ -45,7 +45,7 @@ We've also published version `0.13.0` of the `react` and `react-tools` packages
#### New Features
-* Support for using ES6 classes to build React components; see the [v0.13.0 beta 1 notes](http://facebook.github.io/react/blog/2015/01/27/react-v0.13.0-beta-1.html) for details.
+* Support for using ES6 classes to build React components; see the [v0.13.0 beta 1 notes](/react/blog/2015/01/27/react-v0.13.0-beta-1.html) for details.
* Added new top-level API `React.findDOMNode(component)`, which should be used in place of `component.getDOMNode()`. The base class for ES6-based components will not have `getDOMNode`. This change will enable some more patterns moving forward.
* Added a new top-level API `React.cloneElement(el, props)` for making copies of React elements – see the [v0.13 RC2 notes](/react/blog/2015/03/03/react-v0.13-rc2.html#react.cloneelement) for more details.
* New `ref` style, allowing a callback to be used in place of a name: ` this._photo = c} />` allows you to reference the component with `this._photo` (as opposed to `ref="photo"` which gives `this.refs.photo`).
diff --git a/docs/_posts/2015-03-16-react-v0.13.1.md b/docs/_posts/2015-03-16-react-v0.13.1.md
index 1dfc69b6340c3..6ab729c743bc0 100644
--- a/docs/_posts/2015-03-16-react-v0.13.1.md
+++ b/docs/_posts/2015-03-16-react-v0.13.1.md
@@ -10,13 +10,13 @@ Thanks all of you who have been upgrading your applications and taking the time
The release is now available for download:
* **React**
- Dev build with warnings:
- Minified build for production:
+ Dev build with warnings:
+ Minified build for production:
* **React with Add-Ons**
- Dev build with warnings:
- Minified build for production:
+ Dev build with warnings:
+ Minified build for production:
* **In-Browser JSX transformer**
-
+
We've also published version `0.13.1` of the `react` and `react-tools` packages on npm and the `react` package on bower.
diff --git a/docs/_posts/2015-03-19-building-the-facebook-news-feed-with-relay.md b/docs/_posts/2015-03-19-building-the-facebook-news-feed-with-relay.md
index 68e27658b300e..1843342747c53 100644
--- a/docs/_posts/2015-03-19-building-the-facebook-news-feed-with-relay.md
+++ b/docs/_posts/2015-03-19-building-the-facebook-news-feed-with-relay.md
@@ -3,7 +3,7 @@ title: "Building The Facebook News Feed With Relay"
author: Joseph Savona
---
-At React.js Conf in January we gave a preview of Relay, a new framework for building data-driven applications in React. In this post we'll describe the process of creating a Relay application. This post assumes some familiarity with the concepts of Relay and GraphQL, so if you haven't already we recommend reading [our introductory blog post](http://facebook.github.io/react/blog/2015/02/20/introducing-relay-and-graphql.html) or watching [the conference talk](https://www.youtube.com/watch?v=9sc8Pyc51uU).
+At React.js Conf in January we gave a preview of Relay, a new framework for building data-driven applications in React. In this post we'll describe the process of creating a Relay application. This post assumes some familiarity with the concepts of Relay and GraphQL, so if you haven't already we recommend reading [our introductory blog post](/react/blog/2015/02/20/introducing-relay-and-graphql.html) or watching [the conference talk](https://www.youtube-nocookie.com/watch?v=9sc8Pyc51uU).
We're working hard to prepare GraphQL and Relay for public release. In the meantime, we'll continue to provide information about what you can expect.
diff --git a/docs/_posts/2015-03-26-introducing-react-native.md b/docs/_posts/2015-03-26-introducing-react-native.md
index 8597b17efa5c8..583cf33e6dd44 100644
--- a/docs/_posts/2015-03-26-introducing-react-native.md
+++ b/docs/_posts/2015-03-26-introducing-react-native.md
@@ -13,4 +13,4 @@ For more details, see [Tom Occhino's post on the Facebook Engineering blog](http
>
> *It's worth noting that we're not chasing “write once, run anywhere.” Different platforms have different looks, feels, and capabilities, and as such, we should still be developing discrete apps for each platform, but the same set of engineers should be able to build applications for whatever platform they choose, without needing to learn a fundamentally different set of technologies for each. We call this approach “learn once, write anywhere.”*
-To learn more, visit the [React Native website](http://facebook.github.io/react-native/).
+To learn more, visit the [React Native website](https://facebook.github.io/react-native/).
diff --git a/docs/_posts/2015-03-30-community-roundup-26.md b/docs/_posts/2015-03-30-community-roundup-26.md
index c285aea55a21c..95276fb2f035e 100644
--- a/docs/_posts/2015-03-30-community-roundup-26.md
+++ b/docs/_posts/2015-03-30-community-roundup-26.md
@@ -13,7 +13,7 @@ We open sourced React Native last week and the community reception blew away all
**Give us 6 months**. At Facebook, we strive to only open-source projects that we are using in production. While the Android backend for React Native is starting to work (see video below at 37min), it hasn't been shipped to any users yet. There's a lot of work that goes into open-sourcing a project, and we want to do it right so that you have a great experience when using it.
-
+
## Ray Wenderlich - Property Finder
diff --git a/docs/acknowledgements.md b/docs/acknowledgements.md
index 98f7b8e0608cc..990cd8467eac1 100644
--- a/docs/acknowledgements.md
+++ b/docs/acknowledgements.md
@@ -16,4 +16,4 @@ We'd like to thank all of our contributors:
{% endfor %}
-In addition, we're grateful to [Jeff Barczewski](https://github.com/jeffbski) for allowing us to use the [react](https://www.npmjs.org/package/react) package name on npm and to [Christopher Aue](http://christopheraue.net/) for letting us use the [reactjs.com](http://reactjs.com/) domain name and the [@reactjs](https://twitter.com/reactjs) username on Twitter. We'd also like to thank [ProjectMoon](https://github.com/ProjectMoon) for letting us use the [flux](https://www.npmjs.org/package/flux) package name on npm.
+In addition, we're grateful to [Jeff Barczewski](https://github.com/jeffbski) for allowing us to use the [react](https://www.npmjs.com/package/react) package name on npm and to [Christopher Aue](http://christopheraue.net/) for letting us use the [reactjs.com](http://reactjs.com/) domain name and the [@reactjs](https://twitter.com/reactjs) username on Twitter. We'd also like to thank [ProjectMoon](https://github.com/ProjectMoon) for letting us use the [flux](https://www.npmjs.com/package/flux) package name on npm.
diff --git a/docs/docs/01-why-react.ko-KR.md b/docs/docs/01-why-react.ko-KR.md
index 64ef2bd6b272c..93b41993fb497 100644
--- a/docs/docs/01-why-react.ko-KR.md
+++ b/docs/docs/01-why-react.ko-KR.md
@@ -5,7 +5,7 @@ permalink: why-react-ko-KR.html
next: displaying-data-ko-KR.html
---
-React는 페이스북과 인스타그램에서 사용자 인터페이스를 구성하기 위해 만들어진 라이브러리입니다. 많은 사람들은 React를 **[MVC](http://en.wikipedia.org/wiki/Model%E2%80%93view%E2%80%93controller)** 에서의 **V** 로 생각하는 경향이 있습니다.
+React는 페이스북과 인스타그램에서 사용자 인터페이스를 구성하기 위해 만들어진 라이브러리입니다. 많은 사람들은 React를 **[MVC](https://en.wikipedia.org/wiki/Model%E2%80%93view%E2%80%93controller)** 에서의 **V** 로 생각하는 경향이 있습니다.
우리는 단 하나의 문제를 해결하기 위해 React를 만들었습니다: **지속해서 데이터가 변화하는 대규모 애플리케이션을 구축하기.** 이 문제를 해결하기 위해, React는 두가지 컨셉을 도입했습니다.
@@ -23,8 +23,8 @@ React는 재사용 가능한 컴포넌트들을 만드는 데에 도움이 됩
## 5분만 투자하세요
-React는 많은 관습적인 사고에 도전하며, 첫눈에 볼 때는 이상한 아이디어들의 모음이라고 생각할 수도 있습니다. 이 가이드를 읽기 위해 [5분만 투자하세요](http://37signals.com/svn/posts/3124-give-it-five-minutes); 그 이상한 아이디어들은 페이스북과 인스타그램 안팎의 수천 개의 컴포넌트들을 만드는 데에 사용되었기 때문입니다.
+React는 많은 관습적인 사고에 도전하며, 첫눈에 볼 때는 이상한 아이디어들의 모음이라고 생각할 수도 있습니다. 이 가이드를 읽기 위해 [5분만 투자하세요](https://signalvnoise.com/posts/3124-give-it-five-minutes); 그 이상한 아이디어들은 페이스북과 인스타그램 안팎의 수천 개의 컴포넌트들을 만드는 데에 사용되었기 때문입니다.
## 더 알아보기
-[이 블로그 포스트](http://facebook.github.io/react/blog/2013/06/05/why-react.html)에서 React를 만든 우리의 동기에 대해 알아볼 수 있습니다.
+[이 블로그 포스트](/react/blog/2013/06/05/why-react.html)에서 React를 만든 우리의 동기에 대해 알아볼 수 있습니다.
diff --git a/docs/docs/01-why-react.md b/docs/docs/01-why-react.md
index 2d08cead05a84..ddf57324de463 100644
--- a/docs/docs/01-why-react.md
+++ b/docs/docs/01-why-react.md
@@ -4,7 +4,7 @@ title: Why React?
permalink: why-react.html
next: displaying-data.html
---
-React is a JavaScript library for creating user interfaces by Facebook and Instagram. Many people choose to think of React as the **V** in **[MVC](http://en.wikipedia.org/wiki/Model%E2%80%93view%E2%80%93controller)**.
+React is a JavaScript library for creating user interfaces by Facebook and Instagram. Many people choose to think of React as the **V** in **[MVC](https://en.wikipedia.org/wiki/Model%E2%80%93view%E2%80%93controller)**.
We built React to solve one problem: **building large applications with data that changes over time**. To do this, React uses two main ideas.
@@ -22,8 +22,8 @@ React is all about building reusable components. In fact, with React the *only*
## Give It Five Minutes
-React challenges a lot of conventional wisdom, and at first glance some of the ideas may seem crazy. [Give it five minutes](http://37signals.com/svn/posts/3124-give-it-five-minutes) while reading this guide; those crazy ideas have worked for building thousands of components both inside and outside of Facebook and Instagram.
+React challenges a lot of conventional wisdom, and at first glance some of the ideas may seem crazy. [Give it five minutes](https://signalvnoise.com/posts/3124-give-it-five-minutes) while reading this guide; those crazy ideas have worked for building thousands of components both inside and outside of Facebook and Instagram.
## Learn More
-You can learn more about our motivations behind building React in [this blog post](http://facebook.github.io/react/blog/2013/06/05/why-react.html).
+You can learn more about our motivations behind building React in [this blog post](/react/blog/2013/06/05/why-react.html).
diff --git a/docs/docs/01-why-react.zh-CN.md b/docs/docs/01-why-react.zh-CN.md
index 98e8abd3c66d0..029923a7f7a16 100644
--- a/docs/docs/01-why-react.zh-CN.md
+++ b/docs/docs/01-why-react.zh-CN.md
@@ -5,7 +5,7 @@ permalink: why-react-zh-CN.html
next: displaying-data-zh-CN.html
---
-React 是一个 Facebook 和 Instagram 用来创建用户界面的 JavaScript 库。很人多认为 React 是 **[MVC](http://en.wikipedia.org/wiki/Model%E2%80%93view%E2%80%93controller)** 中的 **V**(视图)。
+React 是一个 Facebook 和 Instagram 用来创建用户界面的 JavaScript 库。很人多认为 React 是 **[MVC](https://en.wikipedia.org/wiki/Model%E2%80%93view%E2%80%93controller)** 中的 **V**(视图)。
我们创造 React 是为了解决一个问题:**构建随着时间数据不断变化的大规模应用程序**。为了达到这个目标,React 采用下面两个主要的思想。
@@ -23,10 +23,10 @@ React 都是关于构建可复用的组件。事实上,通过 React 你*唯一
## 给它5分钟的时间
-React挑战了很多传统的知识,第一眼看上去可能很多想法有点疯狂。当你阅读这篇指南,请[给它5分钟的时间](http://37signals.com/svn/posts/3124-give-it-five-minutes);那些疯狂的想法已经帮助 Facebook 和 Instagram 从里到外创建了上千的组件了。
+React挑战了很多传统的知识,第一眼看上去可能很多想法有点疯狂。当你阅读这篇指南,请[给它5分钟的时间](https://signalvnoise.com/posts/3124-give-it-five-minutes);那些疯狂的想法已经帮助 Facebook 和 Instagram 从里到外创建了上千的组件了。
## 了解更多
-你可以从这篇[博客](http://facebook.github.io/react/blog/2013/06/05/why-react.html)了解更多我们创造 React 的动机。
+你可以从这篇[博客](/react/blog/2013/06/05/why-react.html)了解更多我们创造 React 的动机。
diff --git a/docs/docs/02-displaying-data.ko-KR.md b/docs/docs/02-displaying-data.ko-KR.md
index 2349266102340..e1c9c7cd0da14 100644
--- a/docs/docs/02-displaying-data.ko-KR.md
+++ b/docs/docs/02-displaying-data.ko-KR.md
@@ -17,8 +17,8 @@ UI를 가지고 할 수 있는 가장 기초적인 것은 데이터를 표시하
Hello React
-
-
+
+
@@ -82,11 +82,11 @@ React 컴포넌트들은 매우 단순합니다. 당신은 그것들을 `props`
**JSX는 당신으로 하여금 HTML 문법을 이용해 JavaScript 객체를 만들게 해줍니다.** React를 이용해 순수한 JavaScript 문법으로 링크를 만드려고 한다면, 코드는 다음과 같습니다:
-`React.createElement('a', {href: 'http://facebook.github.io/react/'}, '안녕하세요!')`
+`React.createElement('a', {href: 'https://facebook.github.io/react/'}, '안녕하세요!')`
JSX를 이용하면:
-`안녕하세요!`
+`안녕하세요!`
우리는 이것이 React 앱들을 만들기 쉽게 하고, 디자이너들이 이 문법을 더 선호하는 것을 발견했습니다, 하지만 모든 사람은 그들만의 선호하는 워크플로우가 있기 마련이므로, **JSX는 React를 사용하기 위해 필수적이지는 않습니다.**
@@ -94,7 +94,7 @@ JSX는 매우 작은 언어입니다. 그것을 배우고 싶다면, [JSX 깊게
JSX는 HTML과 비슷하지만, 완전히 똑같지는 않습니다. [JSX의 실수하기 쉬운 부분들](/react/docs/jsx-gotchas-ko-KR.html)에 중요한 차이점들에 대해 설명되어 있습니다.
-JSX를 사용하기 시작하기 위한 가장 쉬운 방법은 브라우저에서 작동하는 `JSXTransformer`를 사용하는 것입니다. 우리는 이것을 프로덕션에서는 사용하지 않기를 강하게 권장하는 바입니다. 당신은 우리의 커맨드 라인 [react-tools](http://npmjs.org/package/react-tools) 패키지를 이용하여 미리 컴파일(precompile)해 사용할 수 있습니다.
+JSX를 사용하기 시작하기 위한 가장 쉬운 방법은 브라우저에서 작동하는 `JSXTransformer`를 사용하는 것입니다. 우리는 이것을 프로덕션에서는 사용하지 않기를 강하게 권장하는 바입니다. 당신은 우리의 커맨드 라인 [react-tools](https://www.npmjs.com/package/react-tools) 패키지를 이용하여 미리 컴파일(precompile)해 사용할 수 있습니다.
## JSX 없이 React 사용하기
diff --git a/docs/docs/02-displaying-data.md b/docs/docs/02-displaying-data.md
index 74f5297a5f3a6..b650a9b28f0a6 100644
--- a/docs/docs/02-displaying-data.md
+++ b/docs/docs/02-displaying-data.md
@@ -18,8 +18,8 @@ Let's look at a really simple example. Create a `hello-react.html` file with the
Hello React
-
-
+
+
@@ -83,11 +83,11 @@ In order to make this easier, we've added a very simple, **optional** HTML-like
**JSX lets you create JavaScript objects using HTML syntax.** To generate a link in React using pure JavaScript you'd write:
-`React.createElement('a', {href: 'http://facebook.github.io/react/'}, 'Hello!')`
+`React.createElement('a', {href: 'https://facebook.github.io/react/'}, 'Hello!')`
With JSX this becomes:
-`Hello!`
+`Hello!`
We've found this has made building React apps easier and designers tend to prefer the syntax, but everyone has their own workflow, so **JSX is not required to use React.**
@@ -95,7 +95,7 @@ JSX is very small. To learn more about it, see [JSX in depth](/react/docs/jsx-in
JSX is similar to HTML, but not exactly the same. See [JSX gotchas](/react/docs/jsx-gotchas.html) for some key differences.
-The easiest way to get started with JSX is to use the in-browser `JSXTransformer`. We strongly recommend that you don't use this in production. You can precompile your code using our command-line [react-tools](http://npmjs.org/package/react-tools) package.
+The easiest way to get started with JSX is to use the in-browser `JSXTransformer`. We strongly recommend that you don't use this in production. You can precompile your code using our command-line [react-tools](https://www.npmjs.com/package/react-tools) package.
## React without JSX
diff --git a/docs/docs/02-displaying-data.zh-CN.md b/docs/docs/02-displaying-data.zh-CN.md
index 2cd2e79ca6e21..4e2a872368ac9 100644
--- a/docs/docs/02-displaying-data.zh-CN.md
+++ b/docs/docs/02-displaying-data.zh-CN.md
@@ -19,8 +19,8 @@ next: jsx-in-depth-zh-CN.html
Hello React
-
-
+
+
@@ -82,11 +82,11 @@ React 组件非常简单。你可以认为它们就是简单的函数,接受 `
**JSX 让你可以用 HTML 语法去写 JavaScript 函数调用** 为了在 React 生成一个链接,通过纯 JavaScript 你可以这么写:
-`React.createElement('a', {href: 'http://facebook.github.io/react/'}, 'Hello React!')`。
+`React.createElement('a', {href: 'https://facebook.github.io/react/'}, 'Hello React!')`。
通过 JSX 这就变成了
-`Hello React!`。
+`Hello React!`。
我们发现这会使搭建 React 应用更加简单,设计师也偏向用这用语法,但是每个人可以有它们自己的工作流,所以**JSX 不是必须用的。**
@@ -94,7 +94,7 @@ JSX 非常小;上面“hello, world”的例子使用了 JSX 所有的特性
JSX 类似于 HTML,但不是完全一样。参考 [JSX 陷阱](/react/docs/jsx-gotchas-zh-CN.html) 学习关键区别。
-最简单开始学习 JSX 的方法就是使用浏览器端的 `JSXTransformer`。我们强烈建议你不要在生产环境中使用它。你可以通过我们的命令行工具 [react-tools](http://npmjs.org/package/react-tools) 包来预编译你的代码。
+最简单开始学习 JSX 的方法就是使用浏览器端的 `JSXTransformer`。我们强烈建议你不要在生产环境中使用它。你可以通过我们的命令行工具 [react-tools](https://www.npmjs.com/package/react-tools) 包来预编译你的代码。
## 没有 JSX 的 React
diff --git a/docs/docs/02.1-jsx-in-depth.ko-KR.md b/docs/docs/02.1-jsx-in-depth.ko-KR.md
index 871e2b9c691f2..b44a875f69bca 100644
--- a/docs/docs/02.1-jsx-in-depth.ko-KR.md
+++ b/docs/docs/02.1-jsx-in-depth.ko-KR.md
@@ -6,7 +6,7 @@ prev: displaying-data-ko-KR.html
next: jsx-spread-ko-KR.html
---
-[JSX](http://facebook.github.io/jsx/)는 XML과 비슷한 JavaScript문법 확장입니다. React에서 변환되는 간단한 JSX 구문을 사용하실 수 있습니다.
+[JSX](https://facebook.github.io/jsx/)는 XML과 비슷한 JavaScript문법 확장입니다. React에서 변환되는 간단한 JSX 구문을 사용하실 수 있습니다.
## 왜 JSX인가?
@@ -154,7 +154,7 @@ var App = (
> 주의:
>
-> 이 기능은 [v0.11](http://facebook.github.io/react/blog/2014/07/17/react-v0.11.html#jsx) 이상에만 있습니다.
+> 이 기능은 [v0.11](/react/blog/2014/07/17/react-v0.11.html#jsx) 이상에만 있습니다.
## JavaScript 표현식
diff --git a/docs/docs/02.1-jsx-in-depth.md b/docs/docs/02.1-jsx-in-depth.md
index d50d8c6f019c9..64a7830d400d3 100644
--- a/docs/docs/02.1-jsx-in-depth.md
+++ b/docs/docs/02.1-jsx-in-depth.md
@@ -6,7 +6,7 @@ prev: displaying-data.html
next: jsx-spread.html
---
-[JSX](http://facebook.github.io/jsx/) is a JavaScript syntax extension that looks similar to XML. You can use a simple JSX syntactic transform with React.
+[JSX](https://facebook.github.io/jsx/) is a JavaScript syntax extension that looks similar to XML. You can use a simple JSX syntactic transform with React.
## Why JSX?
@@ -157,7 +157,7 @@ var App = (
> Note:
>
-> This feature is available in [v0.11](http://facebook.github.io/react/blog/2014/07/17/react-v0.11.html#jsx) and above.
+> This feature is available in [v0.11](/react/blog/2014/07/17/react-v0.11.html#jsx) and above.
## JavaScript Expressions
diff --git a/docs/docs/02.1-jsx-in-depth.zh-CN.md b/docs/docs/02.1-jsx-in-depth.zh-CN.md
index 0a020538465e7..4cc1995a21a4f 100644
--- a/docs/docs/02.1-jsx-in-depth.zh-CN.md
+++ b/docs/docs/02.1-jsx-in-depth.zh-CN.md
@@ -6,7 +6,7 @@ prev: displaying-data-zh-CN.html
next: jsx-spread-zh-CN.html
---
-[JSX](http://facebook.github.io/jsx/) 是一个看起来很像 XML 的 JavaScript 语法扩展。React 可以用来做简单的 JSX 句法转换。
+[JSX](https://facebook.github.io/jsx/) 是一个看起来很像 XML 的 JavaScript 语法扩展。React 可以用来做简单的 JSX 句法转换。
## 为什么要用 JSX?
diff --git a/docs/docs/02.2-jsx-spread.ko-KR.md b/docs/docs/02.2-jsx-spread.ko-KR.md
index 57828ad9aabc2..2d6487039466b 100644
--- a/docs/docs/02.2-jsx-spread.ko-KR.md
+++ b/docs/docs/02.2-jsx-spread.ko-KR.md
@@ -52,5 +52,5 @@ next: jsx-gotchas-ko-KR.html
`...` 연산자(스프레드 연산자)는 이미 [ES6의 배열](https://developer.mozilla.org/en-US/docs/Web/JavaScript/Reference/Operators/Spread_operator)에서 지원합니다. [객체 rest와 스프레드 프로퍼티](https://github.com/sebmarkbage/ecmascript-rest-spread)에 대한 ES7의 제안도 있습니다. JSX의 구문을 더 깔끔하게 하기 위해 지원되고 개발중인 표준을 활용하고 있습니다.
[^1]: 아무래도 좋지만, 이 제목의 원문 "Mutating Props is Bad, mkay"는 사우스 파크에
- 나온 대사 "[Drug is bad, mkay](https://www.youtube.com/watch?v=Uh7l8dx-h8M)"의
+ 나온 대사 "[Drug is bad, mkay](https://www.youtube-nocookie.com/watch?v=Uh7l8dx-h8M)"의
패러디입니다.
diff --git a/docs/docs/04-multiple-components.ko-KR.md b/docs/docs/04-multiple-components.ko-KR.md
index f78bff48c20ed..662fed0eb50d6 100644
--- a/docs/docs/04-multiple-components.ko-KR.md
+++ b/docs/docs/04-multiple-components.ko-KR.md
@@ -33,7 +33,7 @@ var Avatar = React.createClass({
var ProfilePic = React.createClass({
render: function() {
return (
-
+
);
}
});
@@ -41,7 +41,7 @@ var ProfilePic = React.createClass({
var ProfileLink = React.createClass({
render: function() {
return (
-
+
{this.props.username}
);
diff --git a/docs/docs/04-multiple-components.md b/docs/docs/04-multiple-components.md
index c3271daff90b5..d6e6c220ea849 100644
--- a/docs/docs/04-multiple-components.md
+++ b/docs/docs/04-multiple-components.md
@@ -33,7 +33,7 @@ var Avatar = React.createClass({
var ProfilePic = React.createClass({
render: function() {
return (
-
+
);
}
});
@@ -41,7 +41,7 @@ var ProfilePic = React.createClass({
var ProfileLink = React.createClass({
render: function() {
return (
-
+
{this.props.username}
);
diff --git a/docs/docs/04-multiple-components.zh-CN.md b/docs/docs/04-multiple-components.zh-CN.md
index ef509381e67b2..7684b6ee1540d 100644
--- a/docs/docs/04-multiple-components.zh-CN.md
+++ b/docs/docs/04-multiple-components.zh-CN.md
@@ -32,7 +32,7 @@ var Avatar = React.createClass({
var ProfilePic = React.createClass({
render: function() {
return (
-
+
);
}
});
@@ -40,7 +40,7 @@ var ProfilePic = React.createClass({
var ProfileLink = React.createClass({
render: function() {
return (
-
+
{this.props.username}
);
diff --git a/docs/docs/05-reusable-components.ko-KR.md b/docs/docs/05-reusable-components.ko-KR.md
index 7a7ed78296abd..0acf067aa1f4f 100644
--- a/docs/docs/05-reusable-components.ko-KR.md
+++ b/docs/docs/05-reusable-components.ko-KR.md
@@ -139,7 +139,7 @@ var MyComponent = React.createClass({
## 믹스인
-컴포넌트는 React에서 코드를 재사용할 수 있는 최고의 방법이지만, 가끔 아주 다른 컴포넌트에서 공통 기능이 필요한 때도 있습니다. 이런 상황을 [공통된 관심사(cross-cutting concerns)](http://en.wikipedia.org/wiki/Cross-cutting_concern)라 부르며, React에서는 `mixins`으로 이 문제를 해결합니다.
+컴포넌트는 React에서 코드를 재사용할 수 있는 최고의 방법이지만, 가끔 아주 다른 컴포넌트에서 공통 기능이 필요한 때도 있습니다. 이런 상황을 [공통된 관심사(cross-cutting concerns)](https://en.wikipedia.org/wiki/Cross-cutting_concern)라 부르며, React에서는 `mixins`으로 이 문제를 해결합니다.
예를 들어, 컴포넌트가 주기적으로 업데이트되길 원할 경우가 있습니다. `setInterval()`을 사용하면 쉽지만, 필요 없어지면 메모리를 아끼기 위해 주기를 꼭 취소해야 합니다. React는 컴포넌트가 막 생성거나 없어질 때를 [생명주기 메소드](/react/docs/working-with-the-browser-ko-KR.html#component-lifecycle)를 통해 알려줍니다. 이런 메소드들을 사용해서 컴포넌트가 사라질 때 자동으로 정리해주는 `setInterval()`를 제공해주는 간단한 믹스인을 만들어보겠습니다.
diff --git a/docs/docs/05-reusable-components.md b/docs/docs/05-reusable-components.md
index d4f2760632120..49a552e4c54a9 100644
--- a/docs/docs/05-reusable-components.md
+++ b/docs/docs/05-reusable-components.md
@@ -142,7 +142,7 @@ var MyComponent = React.createClass({
## Mixins
-Components are the best way to reuse code in React, but sometimes very different components may share some common functionality. These are sometimes called [cross-cutting concerns](http://en.wikipedia.org/wiki/Cross-cutting_concern). React provides `mixins` to solve this problem.
+Components are the best way to reuse code in React, but sometimes very different components may share some common functionality. These are sometimes called [cross-cutting concerns](https://en.wikipedia.org/wiki/Cross-cutting_concern). React provides `mixins` to solve this problem.
One common use case is a component wanting to update itself on a time interval. It's easy to use `setInterval()`, but it's important to cancel your interval when you don't need it anymore to save memory. React provides [lifecycle methods](/react/docs/working-with-the-browser.html#component-lifecycle) that let you know when a component is about to be created or destroyed. Let's create a simple mixin that uses these methods to provide an easy `setInterval()` function that will automatically get cleaned up when your component is destroyed.
diff --git a/docs/docs/05-reusable-components.zh-CN.md b/docs/docs/05-reusable-components.zh-CN.md
index 36dccc422c2b2..986f9d74a8bb4 100644
--- a/docs/docs/05-reusable-components.zh-CN.md
+++ b/docs/docs/05-reusable-components.zh-CN.md
@@ -137,7 +137,7 @@ var MyComponent = React.createClass({
## Mixins
-组件是 React 里复用代码最佳方式,但是有时一些复杂的组件间也需要共用一些功能。有时会被称为 [跨切面关注点](http://en.wikipedia.org/wiki/Cross-cutting_concern)。React 使用 `mixins` 来解决这类问题。
+组件是 React 里复用代码最佳方式,但是有时一些复杂的组件间也需要共用一些功能。有时会被称为 [跨切面关注点](https://en.wikipedia.org/wiki/Cross-cutting_concern)。React 使用 `mixins` 来解决这类问题。
一个通用的场景是:一个组件需要定期更新。用 `setInterval()` 做很容易,但当不需要它的时候取消定时器来节省内存是非常重要的。React 提供 [生命周期方法](/react/docs/working-with-the-browser.html#component-lifecycle) 来告知组件创建或销毁的时间。下面来做一个简单的 mixin,使用 `setInterval()` 并保证在组件销毁时清理定时器。
diff --git a/docs/docs/06-transferring-props.ko-KR.md b/docs/docs/06-transferring-props.ko-KR.md
index 0daa5b0f01664..39093bd42d8e9 100644
--- a/docs/docs/06-transferring-props.ko-KR.md
+++ b/docs/docs/06-transferring-props.ko-KR.md
@@ -51,7 +51,7 @@ React.render(
> 주의:
>
-> 아래의 예제에서는 실험적인 ES7 문법이 사용되었기 때문에 `--harmony ` 플래그가 필요합니다. 브라우저에서 JSX 변환기를 사용 중이라면, `
-
+
+
@@ -220,9 +220,9 @@ Markdown은 텍스트를 포맷팅하는 간단한 방식입니다. 예를 들
Hello React
-
-
-
+
+
+
```
diff --git a/docs/docs/videos.ko-KR.md b/docs/docs/videos.ko-KR.md
index 9d4461af1f0eb..99665430d54f4 100644
--- a/docs/docs/videos.ko-KR.md
+++ b/docs/docs/videos.ko-KR.md
@@ -8,7 +8,7 @@ next: complementary-tools-ko-KR.html
### Rethinking best practices - JSConf.eu
-
+
"페이스북과 인스타그램에서, 우리는 React 를 이용해 웹에서 벌어질 수 있는 한계를 뛰어넘으려 노력하고 있습니다. 저는 프레임워크에 대한 짤막한 소개로 시작해서, 논쟁이 벌어질 수 있는 다음의 세가지 주제로 넘어갈겁니다. 템플릿의 개념을 버리고 Javascript 를 이용해 View 를 구축하기, 자료가 변할때 전체 어플리케이션을 다시 그리기(“re-rendering”), 그리고 DOM과 events의 경량화된 구현 입니다." -- [Pete Hunt](http://www.petehunt.net/)
@@ -23,7 +23,7 @@ next: complementary-tools-ko-KR.html
### Secrets of the Virtual DOM - MtnWest JS
-
+
"이번에는 왜 우리가 virtual DOM을 만들었는지, 이것이 다른 시스템들과는 어떻게 다른지, 그리고 브라우져 기술들의 미래와 어떻게 관련이 있는지에 대해서 이야기 해 볼 겁니다." -- [Pete Hunt](http://www.petehunt.net/)
@@ -101,14 +101,14 @@ Javascript Jabber 73에서 [Pete Hunt](http://www.petehunt.net/)와 [Jordan Walk
### Introduction to React.js - Facebook Seattle
-
+
By [Tom Occhino](http://tomocchino.com/), [Jordan Walke](https://github.com/jordwalke)
* * *
### Backbone + React + Middleman Screencast
-
+
Backbone은 React로 REST API를 제공하기 위한 아주 좋은 방법입니다. 이 화면중개는 [Backbone-React-Component](https://github.com/magalhas/backbone-react-component)을 이용해서 어떻게 이 두가지를 병합하는지 보여줍니다. Middleman은 이 예제에서 사용되는 프레임워크이지만, 쉽게 다른 프레임워크로 대체하실 수 있습니다. 지원되는 템플릿은 [이곳](https://github.com/jbhatab/middleman-backbone-react-template)에서 찾으실 수 있습니다. -- [열린 마음의 혁명들](http://www.openmindedinnovations.com/)
@@ -116,7 +116,7 @@ Backbone은 React로 REST API를 제공하기 위한 아주 좋은 방법입니
### Developing User Interfaces With React - Super VanJS
-
+
By [Steven Luscher](https://github.com/steveluscher)
@@ -124,7 +124,7 @@ By [Steven Luscher](https://github.com/steveluscher)
### Introduction to React - LAWebSpeed meetup
-
+
by [Stoyan Stefanov](http://www.phpied.com/)
@@ -132,7 +132,7 @@ by [Stoyan Stefanov](http://www.phpied.com/)
### React, or how to make life simpler - FrontEnd Dev Conf '14
-
+
**러시아어** by [Alexander Solovyov](http://solovyov.net/)
@@ -140,21 +140,21 @@ by [Stoyan Stefanov](http://www.phpied.com/)
### "Functional DOM programming" - Meteor DevShop 11
-
+
* * *
### "Rethinking Web App Development at Facebook" - Facebook F8 Conference 2014
-
+
* * *
### React and Flux: Building Applications with a Unidirectional Data Flow - Forward JS 2014
-
+
-Facebook 개발자 [Bill Fisher](http://twitter.com/fisherwebdev)와 [Jing Chen](http://twitter.com/jingc)가 Flux 와 React 에 대해서 이야기합니다. 그리고 어떻게 단일 방향의 자료흐름을 사용하는 어플리케이션 구조가 방대한 코드를 정리하는지에 대해서 이야기합니다."
+Facebook 개발자 [Bill Fisher](https://twitter.com/fisherwebdev)와 [Jing Chen](https://twitter.com/jingc)가 Flux 와 React 에 대해서 이야기합니다. 그리고 어떻게 단일 방향의 자료흐름을 사용하는 어플리케이션 구조가 방대한 코드를 정리하는지에 대해서 이야기합니다."
* * *
@@ -169,6 +169,6 @@ Server-side rendering을 위해 [SoundCloud](https://developers.soundcloud.com/b
### Introducing React Native (+Playlist) - React.js Conf 2015
-
+
2015년에 [Tom Occhino](https://twitter.com/tomocchino)님이 React의 과거와 현재를 리뷰하고 나아갈 방향을 제시했습니다.
diff --git a/docs/docs/videos.md b/docs/docs/videos.md
index 458481a466475..f8241c2e56ab3 100644
--- a/docs/docs/videos.md
+++ b/docs/docs/videos.md
@@ -8,7 +8,7 @@ next: complementary-tools.html
### Rethinking best practices - JSConf.eu
-
+
"At Facebook and Instagram, we’re trying to push the limits of what’s possible on the web with React. My talk will start with a brief introduction to the framework, and then dive into three controversial topics: Throwing out the notion of templates and building views with JavaScript, “re-rendering” your entire application when your data changes, and a lightweight implementation of the DOM and events." -- [Pete Hunt](http://www.petehunt.net/)
@@ -23,7 +23,7 @@ A [tagtree.tv](http://tagtree.tv/) video conveying the principles of [Thinking i
### Secrets of the Virtual DOM - MtnWest JS
-
+
"In this talk I’ll be discussing why we built a virtual DOM, how it compares to other systems, and its relevance to the future of browser technologies." -- [Pete Hunt](http://www.petehunt.net/)
@@ -99,14 +99,14 @@ A [tagtree.tv](http://tagtree.tv/) video conveying the principles of [Thinking i
### Introduction to React.js - Facebook Seattle
-
+
By [Tom Occhino](http://tomocchino.com/) and [Jordan Walke](https://github.com/jordwalke)
* * *
### Backbone + React + Middleman Screencast
-
+
Backbone is a great way in interface a REST API with React. This screencast shows how to integate the two using [Backbone-React-Component](https://github.com/magalhas/backbone-react-component). Middleman is the framework used in this example but could easily be replaced with other frameworks. A supported template of this can be found [here](https://github.com/jbhatab/middleman-backbone-react-template). -- [Open Minded Innovations](http://www.openmindedinnovations.com/)
@@ -114,7 +114,7 @@ Backbone is a great way in interface a REST API with React. This screencast show
### Developing User Interfaces With React - Super VanJS
-
+
By [Steven Luscher](https://github.com/steveluscher)
@@ -122,7 +122,7 @@ By [Steven Luscher](https://github.com/steveluscher)
### Introduction to React - LAWebSpeed meetup
-
+
by [Stoyan Stefanov](http://www.phpied.com/)
@@ -130,7 +130,7 @@ by [Stoyan Stefanov](http://www.phpied.com/)
### React, or how to make life simpler - FrontEnd Dev Conf '14
-
+
**In Russian** by [Alexander Solovyov](http://solovyov.net/)
@@ -138,21 +138,21 @@ by [Stoyan Stefanov](http://www.phpied.com/)
### "Functional DOM programming" - Meteor DevShop 11
-
+
* * *
### "Rethinking Web App Development at Facebook" - Facebook F8 Conference 2014
-
+
* * *
### React and Flux: Building Applications with a Unidirectional Data Flow - Forward JS 2014
-
+
-Facebook engineers [Bill Fisher](http://twitter.com/fisherwebdev) and [Jing Chen](http://twitter.com/jingc) talk about Flux and React, and how using an application architecture with a unidirectional data flow cleans up a lot of their code.
+Facebook engineers [Bill Fisher](https://twitter.com/fisherwebdev) and [Jing Chen](https://twitter.com/jingc) talk about Flux and React, and how using an application architecture with a unidirectional data flow cleans up a lot of their code.
* * *
@@ -168,6 +168,6 @@ Walk-through by [Andres Suarez](https://github.com/zertosh) on how [SoundCloud](
### Introducing React Native (+Playlist) - React.js Conf 2015
-
+
[Tom Occhino](https://twitter.com/tomocchino) reviews the past and present of React in 2015, and teases where it's going next.
diff --git a/docs/downloads.md b/docs/downloads.md
index 6685294d4324d..6b8f61bf1661d 100644
--- a/docs/downloads.md
+++ b/docs/downloads.md
@@ -20,42 +20,42 @@ If you're just starting out, make sure to use the development version.
## Individual Downloads
-#### React {{site.react_version}} (development)
+#### React {{site.react_version}} (development)
The uncompressed, development version of React core with inline documentation.
```html
-
+
```
-#### React {{site.react_version}} (production)
+#### React {{site.react_version}} (production)
The compressed, production version of React core.
```html
-
+
```
-#### React with Add-Ons {{site.react_version}} (development)
+#### React with Add-Ons {{site.react_version}} (development)
The uncompressed, development version of React with [add-ons](/react/docs/addons.html).
```html
-
+
```
-#### React with Add-Ons {{site.react_version}} (production)
+#### React with Add-Ons {{site.react_version}} (production)
The compressed, production version of React with [add-ons](/react/docs/addons.html).
```html
-
+
```
-#### JSX Transformer
+#### JSX Transformer
The JSX transformer used to support [XML syntax](/react/docs/jsx-in-depth.html) in JavaScript.
```html
-
+
```
-All scripts are also available via [CDNJS](http://cdnjs.com/libraries/react/).
+All scripts are also available via [CDNJS](https://cdnjs.com/libraries/react/).
## npm
diff --git a/docs/img/blog/gpu-cursor-move.gif b/docs/img/blog/gpu-cursor-move.gif
new file mode 100644
index 0000000000000..b3a621f7851a1
Binary files /dev/null and b/docs/img/blog/gpu-cursor-move.gif differ
diff --git a/docs/index.md b/docs/index.md
index 23090df5450b9..91d7edaa0a81d 100644
--- a/docs/index.md
+++ b/docs/index.md
@@ -17,7 +17,7 @@ id: home
Virtual DOM
- React abstracts away the DOM from you, giving a simpler programming model and better performance. React can also render on the server using Node, and it can power native apps using React Native.
+ React abstracts away the DOM from you, giving a simpler programming model and better performance. React can also render on the server using Node, and it can power native apps using React Native.
diff --git a/docs/support.md b/docs/support.md
index 496039b1340bc..9a51dd29605fe 100644
--- a/docs/support.md
+++ b/docs/support.md
@@ -12,7 +12,7 @@ Many members of the community use Stack Overflow to ask questions. Read through
## Google Groups mailing list
-The **reactjs** Google Group is also a good place to ask questions and find answers.
+The **reactjs** Google Group is also a good place to ask questions and find answers.
## IRC
diff --git a/docs/tips/01-introduction.ko-KR.md b/docs/tips/01-introduction.ko-KR.md
index e5adf24af5bfd..0a6d983a373db 100644
--- a/docs/tips/01-introduction.ko-KR.md
+++ b/docs/tips/01-introduction.ko-KR.md
@@ -10,4 +10,4 @@ React 팁 섹션에서는 여러 궁금증을 해결해주고 흔히 하는 실
## 기여하기
-[현재 팁](https://github.com/facebook/react/tree/master/docs)의 형식을 따르는 풀 리퀘스트를 [React 저장소](https://github.com/facebook/react)에 보내주세요. PR을 보내기 전에 리뷰가 필요하다면 [freenode의 #reactjs 채널](irc://chat.freenode.net/reactjs)이나 [reactjs Google 그룹](http://groups.google.com/group/reactjs)에서 도움을 요청하실 수 있습니다.
+[현재 팁](https://github.com/facebook/react/tree/master/docs)의 형식을 따르는 풀 리퀘스트를 [React 저장소](https://github.com/facebook/react)에 보내주세요. PR을 보내기 전에 리뷰가 필요하다면 [freenode의 #reactjs 채널](irc://chat.freenode.net/reactjs)이나 [reactjs Google 그룹](https://groups.google.com/group/reactjs)에서 도움을 요청하실 수 있습니다.
diff --git a/docs/tips/01-introduction.md b/docs/tips/01-introduction.md
index c88489b9063df..3b0eba7674305 100644
--- a/docs/tips/01-introduction.md
+++ b/docs/tips/01-introduction.md
@@ -10,4 +10,4 @@ The React tips section provides bite-sized information that can answer lots of q
## Contributing
-Submit a pull request to the [React repository](https://github.com/facebook/react) following the [current tips](https://github.com/facebook/react/tree/master/docs) entries' style. If you have a recipe that needs review prior to submitting a PR you can find help in the [#reactjs channel on freenode](irc://chat.freenode.net/reactjs) or the [reactjs Google group](http://groups.google.com/group/reactjs).
+Submit a pull request to the [React repository](https://github.com/facebook/react) following the [current tips](https://github.com/facebook/react/tree/master/docs) entries' style. If you have a recipe that needs review prior to submitting a PR you can find help in the [#reactjs channel on freenode](irc://chat.freenode.net/reactjs) or the [reactjs Google group](https://groups.google.com/group/reactjs).
diff --git a/docs/tips/16-references-to-components.ko-KR.md b/docs/tips/16-references-to-components.ko-KR.md
index f26b3c9838eea..182078c3765a7 100644
--- a/docs/tips/16-references-to-components.ko-KR.md
+++ b/docs/tips/16-references-to-components.ko-KR.md
@@ -25,4 +25,4 @@ var myComponentInstance = React.render(myComponentElement, myContainer);
> 주의:
>
-> 이는 최상위 레벨에서만 사용되어야 합니다. 컴포넌트의 내부에서는 `prop`과 `state`가 자식컴포넌트와의 통신을 제어하며, [refs](http://facebook.github.io/react/docs/more-about-refs-ko-KR.html)를 통해서만 컴포넌트를 참조할 수 있습니다.
+> 이는 최상위 레벨에서만 사용되어야 합니다. 컴포넌트의 내부에서는 `prop`과 `state`가 자식컴포넌트와의 통신을 제어하며, [refs](/react/docs/more-about-refs-ko-KR.html)를 통해서만 컴포넌트를 참조할 수 있습니다.
diff --git a/docs/tips/16-references-to-components.md b/docs/tips/16-references-to-components.md
index 83d39ad02aa45..b61ddcf266ff8 100644
--- a/docs/tips/16-references-to-components.md
+++ b/docs/tips/16-references-to-components.md
@@ -25,4 +25,4 @@ var myComponentInstance = React.render(myComponentElement, myContainer);
> Note:
>
-> This should only ever be used at the top level. Inside components, let your `props` and `state` handle communication with child components, and only reference components via [refs](http://facebook.github.io/react/docs/more-about-refs.html).
+> This should only ever be used at the top level. Inside components, let your `props` and `state` handle communication with child components, and only reference components via [refs](/react/docs/more-about-refs.html).
diff --git a/docs/tips/19-dangerously-set-inner-html.ko-KR.md b/docs/tips/19-dangerously-set-inner-html.ko-KR.md
index 0263ff7a2bf43..7ef8397520ddc 100644
--- a/docs/tips/19-dangerously-set-inner-html.ko-KR.md
+++ b/docs/tips/19-dangerously-set-inner-html.ko-KR.md
@@ -6,7 +6,7 @@ permalink: dangerously-set-inner-html-ko-KR.html
prev: children-undefined-ko-KR.html
---
-부적절히 `innerHTML`를 사용하면 [사이트 간 스크립팅 (XSS)](http://en.wikipedia.org/wiki/Cross-site_scripting) 공격에 노출됩니다. 화면의 사용자 입력을 정제하다(sanitize) 오류를 내기 쉬우며, 적절하게 사용자의 입력을 정제하지 못하면 인터넷 상 [웹 취약점의 원인](http://owasptop10.googlecode.com/files/OWASP%20Top%2010%20-%202013.pdf)이 됩니다.
+부적절히 `innerHTML`를 사용하면 [사이트 간 스크립팅 (XSS)](https://en.wikipedia.org/wiki/Cross-site_scripting) 공격에 노출됩니다. 화면의 사용자 입력을 정제하다(sanitize) 오류를 내기 쉬우며, 적절하게 사용자의 입력을 정제하지 못하면 인터넷 상 [웹 취약점의 원인](https://owasptop10.googlecode.com/files/OWASP%20Top%2010%20-%202013.pdf)이 됩니다.
우리 설계철학은 안전을 "쉽게" 얻는 것입니다. 개발자는 그들의 의도를 명시적으로 알려야만 "안전하지 않는" 연산을 할 수 있습니다. `dangerouslySetInnerHTML` prop의 이름은 의도적으로 무섭게 만든 것인데, prop 값은 문자열이 아닌 객체이고 정제된 데이터를 지정하는데 쓸 수 있습니다.
diff --git a/docs/tips/19-dangerously-set-inner-html.md b/docs/tips/19-dangerously-set-inner-html.md
index 27bb4aaead78e..88e7555ad4270 100644
--- a/docs/tips/19-dangerously-set-inner-html.md
+++ b/docs/tips/19-dangerously-set-inner-html.md
@@ -6,7 +6,7 @@ permalink: dangerously-set-inner-html.html
prev: children-undefined.html
---
-Improper use of the `innerHTML` can open you up to a [cross-site scripting (XSS)](http://en.wikipedia.org/wiki/Cross-site_scripting) attack. Sanitizing user input for display is notoriously error-prone, and failure to properly sanitize is one of the [leading causes of web vulnerabilities](http://owasptop10.googlecode.com/files/OWASP%20Top%2010%20-%202013.pdf) on the internet.
+Improper use of the `innerHTML` can open you up to a [cross-site scripting (XSS)](https://en.wikipedia.org/wiki/Cross-site_scripting) attack. Sanitizing user input for display is notoriously error-prone, and failure to properly sanitize is one of the [leading causes of web vulnerabilities](https://owasptop10.googlecode.com/files/OWASP%20Top%2010%20-%202013.pdf) on the internet.
Our design philosophy is that it should be “easy” to make things safe, and developers should explicitly state their intent when performing “unsafe” operations. The prop name `dangerouslySetInnerHTML` is intentionally chosen to be frightening, and the prop value (an object instead of a string) can be used to indicate sanitized data.
diff --git a/examples/README.md b/examples/README.md
index 27b7389d16225..53d7a6445b8e5 100644
--- a/examples/README.md
+++ b/examples/README.md
@@ -1,5 +1,5 @@
# React Examples
-Here are some small React demos. Some use [JSX](http://facebook.github.io/react/docs/jsx-in-depth.html) and some include third-party library integration.
+Here are some small React demos. Some use [JSX](https://facebook.github.io/react/docs/jsx-in-depth.html) and some include third-party library integration.
For more fully-featured examples, check out [React TodoMVC](http://todomvc.com/examples/react/) and [React + Backbone TodoMVC](http://todomvc.com/examples/react-backbone/).
diff --git a/examples/basic-commonjs/index.html b/examples/basic-commonjs/index.html
index 99e7551be2bf5..2575fafa8013c 100644
--- a/examples/basic-commonjs/index.html
+++ b/examples/basic-commonjs/index.html
@@ -10,7 +10,7 @@
Basic CommonJS Example with Browserify
To install React, follow the instructions on
- GitHub.
+ GitHub.
If you can see this, React is not working right.
@@ -22,7 +22,7 @@
diff --git a/npm-react-tools/README.md b/npm-react-tools/README.md
index 0cdcb02be1136..895c3e7034284 100644
--- a/npm-react-tools/README.md
+++ b/npm-react-tools/README.md
@@ -1,6 +1,6 @@
# react-tools
-This package compliments the usage of [React](http://facebook.github.io/react/). It ships with tools that are often used in conjunction.
+This package compliments the usage of [React](https://facebook.github.io/react/). It ships with tools that are often used in conjunction.
## JSX
diff --git a/npm-react/README.md b/npm-react/README.md
index 5821d8f5681be..7f372c81db68d 100644
--- a/npm-react/README.md
+++ b/npm-react/README.md
@@ -1,6 +1,6 @@
# react
-An npm package to get you immediate access to [React](http://facebook.github.io/react/),
+An npm package to get you immediate access to [React](https://facebook.github.io/react/),
without also requiring the JSX transformer. This is especially useful for cases where you
want to [`browserify`](https://github.com/substack/node-browserify) your module using
`React`.
diff --git a/package.json b/package.json
index 7e2a29c653f84..8e695abeea404 100644
--- a/package.json
+++ b/package.json
@@ -8,7 +8,7 @@
"transformer",
"view"
],
- "homepage": "http://facebook.github.io/react",
+ "homepage": "https://facebook.github.io/react",
"bugs": "https://github.com/facebook/react/issues",
"license": "BSD-3-Clause",
"files": [
diff --git a/src/browser/ui/React.js b/src/browser/ui/React.js
index ccead4fee025c..cb29ccc48d8d1 100644
--- a/src/browser/ui/React.js
+++ b/src/browser/ui/React.js
@@ -105,7 +105,7 @@ if (__DEV__) {
if (typeof __REACT_DEVTOOLS_GLOBAL_HOOK__ === 'undefined') {
console.debug(
'Download the React DevTools for a better development experience: ' +
- 'http://fb.me/react-devtools'
+ 'https://fb.me/react-devtools'
);
}
}
@@ -144,7 +144,7 @@ if (__DEV__) {
if (!expectedFeatures[i]) {
console.error(
'One or more ES5 shim/shams expected by React are not available: ' +
- 'http://fb.me/react-warning-polyfills'
+ 'https://fb.me/react-warning-polyfills'
);
break;
}
diff --git a/src/browser/ui/ReactDOMComponent.js b/src/browser/ui/ReactDOMComponent.js
index a509466166723..fa262f7edde5f 100644
--- a/src/browser/ui/ReactDOMComponent.js
+++ b/src/browser/ui/ReactDOMComponent.js
@@ -74,7 +74,7 @@ function assertValidProps(component, props) {
invariant(
props.dangerouslySetInnerHTML.__html != null,
'`props.dangerouslySetInnerHTML` must be in the form `{__html: ...}`. ' +
- 'Please visit http://fb.me/react-invariant-dangerously-set-inner-html ' +
+ 'Please visit https://fb.me/react-invariant-dangerously-set-inner-html ' +
'for more information.'
);
}
diff --git a/src/browser/ui/__tests__/ReactDOMComponent-test.js b/src/browser/ui/__tests__/ReactDOMComponent-test.js
index b71ce8db7c298..abbc974aac404 100644
--- a/src/browser/ui/__tests__/ReactDOMComponent-test.js
+++ b/src/browser/ui/__tests__/ReactDOMComponent-test.js
@@ -429,7 +429,7 @@ describe('ReactDOMComponent', function() {
}).toThrow(
'Invariant Violation: ' +
'`props.dangerouslySetInnerHTML` must be in the form `{__html: ...}`. ' +
- 'Please visit http://fb.me/react-invariant-dangerously-set-inner-html for more information.'
+ 'Please visit https://fb.me/react-invariant-dangerously-set-inner-html for more information.'
);
});
@@ -439,7 +439,7 @@ describe('ReactDOMComponent', function() {
}).toThrow(
'Invariant Violation: ' +
'`props.dangerouslySetInnerHTML` must be in the form `{__html: ...}`. ' +
- 'Please visit http://fb.me/react-invariant-dangerously-set-inner-html for more information.'
+ 'Please visit https://fb.me/react-invariant-dangerously-set-inner-html for more information.'
);
});
diff --git a/src/classic/class/ReactClass.js b/src/classic/class/ReactClass.js
index 21e0782763167..68806d0006596 100644
--- a/src/classic/class/ReactClass.js
+++ b/src/classic/class/ReactClass.js
@@ -830,7 +830,7 @@ var ReactClass = {
warning(
this instanceof Constructor,
'Something is calling a React component directly. Use a factory or ' +
- 'JSX instead. See: http://fb.me/react-legacyfactory'
+ 'JSX instead. See: https://fb.me/react-legacyfactory'
);
}
diff --git a/src/classic/class/__tests__/ReactClass-test.js b/src/classic/class/__tests__/ReactClass-test.js
index 8986eb1ad40a0..41fb38cf349c5 100644
--- a/src/classic/class/__tests__/ReactClass-test.js
+++ b/src/classic/class/__tests__/ReactClass-test.js
@@ -374,7 +374,7 @@ describe('ReactClass-spec', function() {
expect(console.error.calls.length).toBe(1);
expect(console.error.argsForCall[0][0]).toBe(
'Warning: Something is calling a React component directly. Use a ' +
- 'factory or JSX instead. See: http://fb.me/react-legacyfactory'
+ 'factory or JSX instead. See: https://fb.me/react-legacyfactory'
);
});
diff --git a/src/classic/element/ReactElementValidator.js b/src/classic/element/ReactElementValidator.js
index 84484e7c3c380..48b0f44d6db89 100644
--- a/src/classic/element/ReactElementValidator.js
+++ b/src/classic/element/ReactElementValidator.js
@@ -166,7 +166,7 @@ function warnAndMonitorForKeyUse(message, element, parentType) {
warning(
false,
- message + '%s%s See http://fb.me/react-warning-keys for more information.',
+ message + '%s%s See https://fb.me/react-warning-keys for more information.',
parentOrOwnerAddendum,
childOwnerAddendum
);
diff --git a/src/classic/element/__tests__/ReactElementValidator-test.js b/src/classic/element/__tests__/ReactElementValidator-test.js
index ef550c0ea4d79..a4b82e3907f3b 100644
--- a/src/classic/element/__tests__/ReactElementValidator-test.js
+++ b/src/classic/element/__tests__/ReactElementValidator-test.js
@@ -99,7 +99,7 @@ describe('ReactElementValidator', function() {
expect(console.error.argsForCall.length).toBe(1);
expect(console.error.argsForCall[0][0]).toBe(
'Warning: Each child in an array or iterator should have a unique ' +
- '"key" prop. See http://fb.me/react-warning-keys for more information.'
+ '"key" prop. See https://fb.me/react-warning-keys for more information.'
);
});
@@ -116,7 +116,7 @@ describe('ReactElementValidator', function() {
expect(console.error.argsForCall[0][0]).toBe(
'Warning: Each child in an array or iterator should have a unique ' +
'"key" prop. Check the React.render call using
. See ' +
- 'http://fb.me/react-warning-keys for more information.'
+ 'https://fb.me/react-warning-keys for more information.'
);
});
diff --git a/starter/README.md b/starter/README.md
index 773bc17b716fd..c07140c5a6a69 100644
--- a/starter/README.md
+++ b/starter/README.md
@@ -2,10 +2,10 @@
You've just downloaded the React starter kit... Congratulations!
-To begin, check out the `examples/` directory for a bunch of examples, or check out [Getting Started](http://facebook.github.io/react/docs/getting-started.html) for more information.
+To begin, check out the `examples/` directory for a bunch of examples, or check out [Getting Started](https://facebook.github.io/react/docs/getting-started.html) for more information.
In some browsers our examples won't work from the local file system; run `python -m SimpleHTTPServer` and visit `http://localhost:8000/` to view them.
-Want to start your own app? Just copy `examples/basic-jsx-external` and start hacking! Remember: before launching you'll want to precompile your JSX code as we do in `examples/basic-jsx-precompiled`; this requires doing `npm install -g react-tools` and then running our `jsx` tool. See [Getting Started](http://facebook.github.io/react/docs/getting-started.html) for more information.
+Want to start your own app? Just copy `examples/basic-jsx-external` and start hacking! Remember: before launching you'll want to precompile your JSX code as we do in `examples/basic-jsx-precompiled`; this requires doing `npm install -g react-tools` and then running our `jsx` tool. See [Getting Started](https://facebook.github.io/react/docs/getting-started.html) for more information.
Happy Hacking!