diff --git a/_posts/2013-06-02-jsfiddle-integration.md b/_posts/2013-06-02-jsfiddle-integration.md
index 51b678d0c..ea729c9ea 100644
--- a/_posts/2013-06-02-jsfiddle-integration.md
+++ b/_posts/2013-06-02-jsfiddle-integration.md
@@ -3,7 +3,7 @@ title: JSFiddle Integration
author: Christopher Chedeau
---
-[JSFiddle](http://jsfiddle.net) just announced support for React. This is an exciting news as it makes collaboration on snippets of code a lot easier. You can play around this **[base React JSFiddle](http://jsfiddle.net/vjeux/kb3gN/)**, fork it and share it! A [fiddle without JSX](http://jsfiddle.net/vjeux/VkebS/) is also available.
+[JSFiddle](https://jsfiddle.net) just announced support for React. This is an exciting news as it makes collaboration on snippets of code a lot easier. You can play around this **[base React JSFiddle](https://jsfiddle.net/vjeux/kb3gN/)**, fork it and share it! A [fiddle without JSX](https://jsfiddle.net/vjeux/VkebS/) is also available.
diff --git a/_posts/2013-06-05-why-react.md b/_posts/2013-06-05-why-react.md
index a459388c6..92ab9a1d4 100644
--- a/_posts/2013-06-05-why-react.md
+++ b/_posts/2013-06-05-why-react.md
@@ -40,7 +40,7 @@ React really shines when your data changes over time.
In a traditional JavaScript application, you need to look at what data changed
and imperatively make changes to the DOM to keep it up-to-date. Even AngularJS,
which provides a declarative interface via directives and data binding [requires
-a linking function to manually update DOM nodes](http://code.angularjs.org/1.0.8/docs/guide/directive#reasonsbehindthecompilelinkseparation).
+a linking function to manually update DOM nodes](https://code.angularjs.org/1.0.8/docs/guide/directive#reasonsbehindthecompilelinkseparation).
React takes a different approach.
@@ -56,7 +56,7 @@ to the DOM.
> lightweight description of what the DOM should look like.
We call this process **reconciliation**. Check out
-[this jsFiddle](http://jsfiddle.net/fv6RD/3/) to see an example of
+[this jsFiddle](https://jsfiddle.net/fv6RD/3/) to see an example of
reconciliation in action.
Because this re-render is so fast (around 1ms for TodoMVC), the developer
@@ -74,7 +74,7 @@ some pretty cool things with it:
- We've built internal prototypes that run React apps in a web worker and use
React to drive **native iOS views** via an Objective-C bridge.
- You can run React
- [on the server](http://github.com/petehunt/react-server-rendering-example)
+ [on the server](https://github.com/petehunt/react-server-rendering-example)
for SEO, performance, code sharing and overall flexibility.
- Events behave in a consistent, standards-compliant way in all browsers
(including IE8) and automatically use
diff --git a/_posts/2013-06-12-community-roundup.md b/_posts/2013-06-12-community-roundup.md
index 0fea125af..336b35f6d 100644
--- a/_posts/2013-06-12-community-roundup.md
+++ b/_posts/2013-06-12-community-roundup.md
@@ -38,10 +38,10 @@ It looks like [Ben Alpert](http://benalpert.com/) is the first person outside of
## Origins of React
-[Pete Hunt](http://www.petehunt.net/blog/) explained what differentiates React from other JavaScript libraries in [a previous blog post](http://facebook.github.io/react/blog/2013/06/05/why-react.html). [Lee Byron](http://leebyron.com/) gives another perspective on Quora:
+[Pete Hunt](http://www.petehunt.net/blog/) explained what differentiates React from other JavaScript libraries in [a previous blog post](/react/blog/2013/06/05/why-react.html). [Lee Byron](http://leebyron.com/) gives another perspective on Quora:
> React isn't quite like any other popular Javascript libraries, and it solves a very specific problem: complex UI rendering. It's also intended to be used along side many other popular libraries. For example, React works well with Backbone.js, amongst many others.
>
> React was born out of frustrations with the common pattern of writing two-way data bindings in complex MVC apps. React is an implementation of one-way data bindings.
>
-> [Read the full post...](http://www.quora.com/React-JS-Library/How-is-Facebooks-React-JavaScript-library/answer/Lee-Byron?srid=3DcX)
+> [Read the full post...](https://www.quora.com/React-JS-Library/How-is-Facebooks-React-JavaScript-library/answer/Lee-Byron?srid=3DcX)
diff --git a/_posts/2013-06-19-community-roundup-2.md b/_posts/2013-06-19-community-roundup-2.md
index d04dc5071..1a76a5205 100644
--- a/_posts/2013-06-19-community-roundup-2.md
+++ b/_posts/2013-06-19-community-roundup-2.md
@@ -21,12 +21,12 @@ Since the launch we have received a lot of feedback and are actively working on
## React and Socket.IO Chat Application
-[Danial Khosravi](http://danialk.github.io/) made a real-time chat application that interacts with the back-end using Socket.IO.
+[Danial Khosravi](https://danialk.github.io/) made a real-time chat application that interacts with the back-end using Socket.IO.
> A week ago I was playing with AngularJS and [this little chat application](https://github.com/btford/angular-socket-io-im) which uses socket.io and nodejs for realtime communication. Yesterday I saw a post about ReactJS in [EchoJS](http://www.echojs.com/) and started playing with this UI library. After playing a bit with React, I decided to write and chat application using React and I used Bran Ford's Backend for server side of this little app.
-> [](http://danialk.github.io/blog/2013/06/16/reactjs-and-socket-dot-io-chat-application/)
+> [](https://danialk.github.io/blog/2013/06/16/reactjs-and-socket-dot-io-chat-application/)
>
-> [Read the full post...](http://danialk.github.io/blog/2013/06/16/reactjs-and-socket-dot-io-chat-application/)
+> [Read the full post...](https://danialk.github.io/blog/2013/06/16/reactjs-and-socket-dot-io-chat-application/)
## React and Other Frameworks
@@ -36,9 +36,9 @@ Since the launch we have received a lot of feedback and are actively working on
>
> We've designed React from the beginning to work well with other libraries. Angular is no exception. Let's take the original Angular example and use React to implement the fundoo-rating directive.
>
-> [Read the full post...](http://www.quora.com/Pete-Hunt/Posts/Facebooks-React-vs-AngularJS-A-Closer-Look)
+> [Read the full post...](https://www.quora.com/Pete-Hunt/Posts/Facebooks-React-vs-AngularJS-A-Closer-Look)
-In the same vein, [Markov Twain](https://twitter.com/markov_twain/status/345702941845499906) re-implemented the examples on the front-page [with Ember](http://jsbin.com/azihiw/2/edit) and [Vlad Yazhbin](https://twitter.com/vla) re-implemented the tutorial [with Angular](http://jsfiddle.net/vla/Cdrse/).
+In the same vein, [Markov Twain](https://twitter.com/markov_twain/status/345702941845499906) re-implemented the examples on the front-page [with Ember](http://jsbin.com/azihiw/2/edit) and [Vlad Yazhbin](https://twitter.com/vla) re-implemented the tutorial [with Angular](https://jsfiddle.net/vla/Cdrse/).
## Web Components: React & x-tags
@@ -64,7 +64,7 @@ Mozilla and Google are actively working on Web Components. [Vjeux](http://blog.v
Many of you pointed out differences between JSX and HTML. In order to clear up some confusion, we have added some documentation that covers the four main differences:
- - [Whitespace removal](http://facebook.github.io/react/docs/jsx-is-not-html.html)
- - [HTML Entities](http://facebook.github.io/react/docs/jsx-is-not-html.html)
- - [Comments](http://facebook.github.io/react/docs/jsx-is-not-html.html)
- - [Custom HTML Attributes](http://facebook.github.io/react/docs/jsx-is-not-html.html)
+ - [Whitespace removal](/react/docs/jsx-is-not-html.html)
+ - [HTML Entities](/react/docs/jsx-is-not-html.html)
+ - [Comments](/react/docs/jsx-is-not-html.html)
+ - [Custom HTML Attributes](/react/docs/jsx-is-not-html.html)
diff --git a/_posts/2013-06-27-community-roundup-3.md b/_posts/2013-06-27-community-roundup-3.md
index 91b35b6b6..d7e30ed0e 100644
--- a/_posts/2013-06-27-community-roundup-3.md
+++ b/_posts/2013-06-27-community-roundup-3.md
@@ -7,7 +7,7 @@ The highlight of this week is that an interaction-heavy app has been ported to R
## Moving From Backbone To React
-[Clay Allsopp](http://twitter.com/clayallsopp) successfully ported [Propeller](http://usepropeller.com/blog/posts/from-backbone-to-react/), a fairly big, interaction-heavy JavaScript app, to React.
+[Clay Allsopp](https://twitter.com/clayallsopp) successfully ported [Propeller](http://usepropeller.com/blog/posts/from-backbone-to-react/), a fairly big, interaction-heavy JavaScript app, to React.
> [](http://usepropeller.com/blog/posts/from-backbone-to-react/)Subviews involve a lot of easy-to-forget boilerplate that Backbone (by design) doesn't automate. Libraries like Backbone.Marionette offer more abstractions to make view nesting easier, but they're all limited by the fact that Backbone delegates how and went view-document attachment occurs to the application code.
>
@@ -19,7 +19,7 @@ The highlight of this week is that an interaction-heavy app has been ported to R
## Grunt Task for JSX
-[Eric Clemmons](http://ericclemmons.github.io/) wrote a task for [Grunt](http://gruntjs.com/) that applies the JSX transformation to your Javascript files. It also works with [Browserify](http://browserify.org/) if you want all your files to be concatenated and minified together.
+[Eric Clemmons](https://ericclemmons.github.io/) wrote a task for [Grunt](http://gruntjs.com/) that applies the JSX transformation to your Javascript files. It also works with [Browserify](http://browserify.org/) if you want all your files to be concatenated and minified together.
> Grunt task for compiling Facebook React's .jsx templates into .js
>
diff --git a/_posts/2013-07-02-react-v0-4-autobind-by-default.md b/_posts/2013-07-02-react-v0-4-autobind-by-default.md
index 29e00b83a..5158f8cf4 100644
--- a/_posts/2013-07-02-react-v0-4-autobind-by-default.md
+++ b/_posts/2013-07-02-react-v0-4-autobind-by-default.md
@@ -8,7 +8,7 @@ React v0.4 is very close to completion. As we finish it off, we'd like to share
## What is React.autoBind?
-If you take a look at most of our current examples, you'll see us using `React.autoBind` for event handlers. This is used in place of `Function.prototype.bind`. Remember that in JS, [function calls are late-bound](http://bonsaiden.github.io/JavaScript-Garden/#function.this). That means that if you simply pass a function around, the `this` used inside won't necessarily be the `this` you expect. `Function.prototype.bind` creates a new, properly bound, function so that when called, `this` is exactly what you expect it to be.
+If you take a look at most of our current examples, you'll see us using `React.autoBind` for event handlers. This is used in place of `Function.prototype.bind`. Remember that in JS, [function calls are late-bound](https://bonsaiden.github.io/JavaScript-Garden/#function.this). That means that if you simply pass a function around, the `this` used inside won't necessarily be the `this` you expect. `Function.prototype.bind` creates a new, properly bound, function so that when called, `this` is exactly what you expect it to be.
Before we launched React, we would write this:
diff --git a/_posts/2013-07-03-community-roundup-4.md b/_posts/2013-07-03-community-roundup-4.md
index f160c535d..b9bb19688 100644
--- a/_posts/2013-07-03-community-roundup-4.md
+++ b/_posts/2013-07-03-community-roundup-4.md
@@ -26,12 +26,12 @@ Over the past several weeks, members of our team, [Pete Hunt](http://www.petehun
> [Listening Scroll Event](https://groups.google.com/forum/#!topic/reactjs/l6PnP8qbofk)
>
-> * [JSFiddle](http://jsfiddle.net/aabeL/1/): Basically I've given you two mixins. The first lets you react to global scroll events. The second is, IMO, much more useful: it gives you scroll start and scroll end events, which you can use with setState() to create components that react based on whether the user is scrolling or not.
+> * [JSFiddle](https://jsfiddle.net/aabeL/1/): Basically I've given you two mixins. The first lets you react to global scroll events. The second is, IMO, much more useful: it gives you scroll start and scroll end events, which you can use with setState() to create components that react based on whether the user is scrolling or not.
>
> [Fade-in Transition](https://groups.google.com/forum/#!topic/reactjs/RVAY_eQmdpo)
>
-> * [JSFiddle](http://jsfiddle.net/ufe8k/1/): Creating a new `` component and using jQuery `.fadeIn()` function on the DOM node.
-> * [JSFiddle](http://jsfiddle.net/R8f5L/5/): Using CSS transition instead.
+> * [JSFiddle](https://jsfiddle.net/ufe8k/1/): Creating a new `` component and using jQuery `.fadeIn()` function on the DOM node.
+> * [JSFiddle](https://jsfiddle.net/R8f5L/5/): Using CSS transition instead.
>
> [Socket.IO Integration](https://groups.google.com/forum/#!topic/reactjs/pyUZBRWcHB4)
>
@@ -41,7 +41,7 @@ Over the past several weeks, members of our team, [Pete Hunt](http://www.petehun
>
> [Sortable jQuery Plugin Integration](https://groups.google.com/forum/#!topic/reactjs/mHfBGI3Qwz4)
>
-> * [JSFiddle](http://jsfiddle.net/LQxy7/): Your React component simply render empty divs, and then in componentDidMount() you call React.renderComponent() on each of those divs to set up a new root React tree. Be sure to explicitly unmountAndReleaseReactRootNode() for each component in componentWillUnmount().
+> * [JSFiddle](https://jsfiddle.net/LQxy7/): Your React component simply render empty divs, and then in componentDidMount() you call React.renderComponent() on each of those divs to set up a new root React tree. Be sure to explicitly unmountAndReleaseReactRootNode() for each component in componentWillUnmount().
## Introduction to React Screencast
@@ -54,4 +54,4 @@ Over the past several weeks, members of our team, [Pete Hunt](http://www.petehun
[Tom Occhino](http://tomocchino.com/) implemented Snake in 150 lines with React.
> [Check the source on Github](https://github.com/tomocchino/react-snake/blob/master/src/snake.js)
-> [](http://tomocchino.github.io/react-snake/)
+> [](https://tomocchino.github.io/react-snake/)
diff --git a/_posts/2013-07-17-react-v0-4-0.md b/_posts/2013-07-17-react-v0-4-0.md
index a42b5e55a..0238ccaf4 100644
--- a/_posts/2013-07-17-react-v0-4-0.md
+++ b/_posts/2013-07-17-react-v0-4-0.md
@@ -6,7 +6,7 @@ author: Paul O'Shannessy
Over the past 2 months we've been taking feedback and working hard to make React even better. We fixed some bugs, made some under-the-hood improvements, and added several features that we think will improve the experience developing with React. Today we're proud to announce the availability of React v0.4!
-This release could not have happened without the support of our growing community. Since launch day, the community has contributed blog posts, questions to the [Google Group](http://groups.google.com/group/reactjs), and issues and pull requests on GitHub. We've had contributions ranging from documentation improvements to major changes to React's rendering. We've seen people integrate React into the tools they're using and the products they're building, and we're all very excited to see what our budding community builds next!
+This release could not have happened without the support of our growing community. Since launch day, the community has contributed blog posts, questions to the [Google Group](https://groups.google.com/group/reactjs), and issues and pull requests on GitHub. We've had contributions ranging from documentation improvements to major changes to React's rendering. We've seen people integrate React into the tools they're using and the products they're building, and we're all very excited to see what our budding community builds next!
React v0.4 has some big changes. We've also restructured the documentation to better communicate how to use React. We've summarized the changes below and linked to documentation where we think it will be especially useful.
@@ -18,10 +18,10 @@ When you're ready, [go download it](/react/downloads.html)!
* 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/_posts/2015-02-20-introducing-relay-and-graphql.md b/_posts/2015-02-20-introducing-relay-and-graphql.md
index 0cbaf936a..80e6a8ace 100644
--- a/_posts/2015-02-20-introducing-relay-and-graphql.md
+++ b/_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/_posts/2015-02-24-react-v0.13-rc1.md b/_posts/2015-02-24-react-v0.13-rc1.md
index 48dc941ad..ce0af2f53 100644
--- a/_posts/2015-02-24-react-v0.13-rc1.md
+++ b/_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/_posts/2015-03-03-react-v0.13-rc2.md b/_posts/2015-03-03-react-v0.13-rc2.md
index dffe46481..df8b1f3ab 100644
--- a/_posts/2015-03-03-react-v0.13-rc2.md
+++ b/_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/_posts/2015-03-04-community-roundup-25.md b/_posts/2015-03-04-community-roundup-25.md
index d6b3dd971..43455f3fa 100644
--- a/_posts/2015-03-04-community-roundup-25.md
+++ b/_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/_posts/2015-03-10-react-v0.13.md b/_posts/2015-03-10-react-v0.13.md
index facd406d5..4baee2874 100644
--- a/_posts/2015-03-10-react-v0.13.md
+++ b/_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/_posts/2015-03-16-react-v0.13.1.md b/_posts/2015-03-16-react-v0.13.1.md
index 1dfc69b63..6ab729c74 100644
--- a/_posts/2015-03-16-react-v0.13.1.md
+++ b/_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/_posts/2015-03-19-building-the-facebook-news-feed-with-relay.md b/_posts/2015-03-19-building-the-facebook-news-feed-with-relay.md
index 68e27658b..184334274 100644
--- a/_posts/2015-03-19-building-the-facebook-news-feed-with-relay.md
+++ b/_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/_posts/2015-03-26-introducing-react-native.md b/_posts/2015-03-26-introducing-react-native.md
index 8597b17ef..583cf33e6 100644
--- a/_posts/2015-03-26-introducing-react-native.md
+++ b/_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/_posts/2015-03-30-community-roundup-26.md b/_posts/2015-03-30-community-roundup-26.md
index c285aea55..95276fb2f 100644
--- a/_posts/2015-03-30-community-roundup-26.md
+++ b/_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/acknowledgements.md b/acknowledgements.md
index 98f7b8e06..990cd8467 100644
--- a/acknowledgements.md
+++ b/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/01-why-react.ko-KR.md b/docs/01-why-react.ko-KR.md
index 64ef2bd6b..93b41993f 100644
--- a/docs/01-why-react.ko-KR.md
+++ b/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/01-why-react.md b/docs/01-why-react.md
index 2d08cead0..ddf57324d 100644
--- a/docs/01-why-react.md
+++ b/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/01-why-react.zh-CN.md b/docs/01-why-react.zh-CN.md
index 98e8abd3c..029923a7f 100644
--- a/docs/01-why-react.zh-CN.md
+++ b/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/02-displaying-data.ko-KR.md b/docs/02-displaying-data.ko-KR.md
index 234926610..e1c9c7cd0 100644
--- a/docs/02-displaying-data.ko-KR.md
+++ b/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/02-displaying-data.md b/docs/02-displaying-data.md
index 74f5297a5..b650a9b28 100644
--- a/docs/02-displaying-data.md
+++ b/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/02-displaying-data.zh-CN.md b/docs/02-displaying-data.zh-CN.md
index 2cd2e79ca..4e2a87236 100644
--- a/docs/02-displaying-data.zh-CN.md
+++ b/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/02.1-jsx-in-depth.ko-KR.md b/docs/02.1-jsx-in-depth.ko-KR.md
index 871e2b9c6..b44a875f6 100644
--- a/docs/02.1-jsx-in-depth.ko-KR.md
+++ b/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/02.1-jsx-in-depth.md b/docs/02.1-jsx-in-depth.md
index d50d8c6f0..64a7830d4 100644
--- a/docs/02.1-jsx-in-depth.md
+++ b/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/02.1-jsx-in-depth.zh-CN.md b/docs/02.1-jsx-in-depth.zh-CN.md
index 0a0205384..4cc1995a2 100644
--- a/docs/02.1-jsx-in-depth.zh-CN.md
+++ b/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/02.2-jsx-spread.ko-KR.md b/docs/02.2-jsx-spread.ko-KR.md
index 57828ad9a..2d6487039 100644
--- a/docs/02.2-jsx-spread.ko-KR.md
+++ b/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/04-multiple-components.ko-KR.md b/docs/04-multiple-components.ko-KR.md
index f78bff48c..662fed0eb 100644
--- a/docs/04-multiple-components.ko-KR.md
+++ b/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/04-multiple-components.md b/docs/04-multiple-components.md
index c3271daff..d6e6c220e 100644
--- a/docs/04-multiple-components.md
+++ b/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/04-multiple-components.zh-CN.md b/docs/04-multiple-components.zh-CN.md
index ef509381e..7684b6ee1 100644
--- a/docs/04-multiple-components.zh-CN.md
+++ b/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/05-reusable-components.ko-KR.md b/docs/05-reusable-components.ko-KR.md
index 7a7ed7829..0acf067aa 100644
--- a/docs/05-reusable-components.ko-KR.md
+++ b/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/05-reusable-components.md b/docs/05-reusable-components.md
index d4f276063..49a552e4c 100644
--- a/docs/05-reusable-components.md
+++ b/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/05-reusable-components.zh-CN.md b/docs/05-reusable-components.zh-CN.md
index 36dccc422..986f9d74a 100644
--- a/docs/05-reusable-components.zh-CN.md
+++ b/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/06-transferring-props.ko-KR.md b/docs/06-transferring-props.ko-KR.md
index 0daa5b0f0..39093bd42 100644
--- a/docs/06-transferring-props.ko-KR.md
+++ b/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/videos.ko-KR.md b/docs/videos.ko-KR.md
index 9d4461af1..99665430d 100644
--- a/docs/videos.ko-KR.md
+++ b/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/videos.md b/docs/videos.md
index 458481a46..f8241c2e5 100644
--- a/docs/videos.md
+++ b/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/downloads.md b/downloads.md
index 6685294d4..6b8f61bf1 100644
--- a/downloads.md
+++ b/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/img/blog/gpu-cursor-move.gif b/img/blog/gpu-cursor-move.gif
new file mode 100644
index 0000000000000000000000000000000000000000..b3a621f7851a15e96fb63c4c497a0a8afaafcaaa
GIT binary patch
literal 808516
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 G6{dX|gHWEy5U8MMa!mNO0YD>RRL$AU&P
zx7zF|S8W+k=IpbMo#l{pEn8O0ZYHguT%0H!SIWroXL57p@8{}Tp}YP-uY2WdPdV5;
z*|u)5g)Qt@dHP_UCf1+~MlCTT>q`X3SHm1E+)steSz(@sc=07IIP!_n1uGb}A6_Vq
zUVGqRCRm(Ans9cKG1D?Gz9ql+ZExkmhq?dsMka~>Iw(hcxlbS9CIrl>vm_>KYN)-Aw|-eXf^>ejn7blnwrFvtpI`KfC+toWSu!f^2^d&iHyhd1m{Pve|HTkQ2&KhA9a6asWc(6sC#txT+j7EZ26ZAN%g9FTyLH$NNT%
zO1&U*v4-rU_l%QxKpwrq6pHw?b-6Bg7OUkCPNV;_rv3SJe3~IpQ&0Q3fr2Q3WfLxj
z7`@iFe*5!yy#$g5>Dd