{"componentChunkName":"component---src-templates-blog-js","path":"/blog/2014/09/16/react-v0.11.2.html","result":{"data":{"markdownRemark":{"html":"<p>Today we’re releasing React v0.11.2 to add a few small features.</p>\n<p>We’re adding support for two more DOM elements, <code class=\"gatsby-code-text\">&lt;dialog&gt;</code> and <code class=\"gatsby-code-text\">&lt;picture&gt;</code>, as well as the associated attributes needed to use these elements: <code class=\"gatsby-code-text\">open</code>, <code class=\"gatsby-code-text\">media</code>, and <code class=\"gatsby-code-text\">sizes</code>. While not all browsers support these natively, some of our cutting edge users want to make use of them, so we’re making them available to everybody.</p>\n<p>We’re also doing some work to prepare for v0.12 and improve compatibility between the versions. To do this we are replacing <code class=\"gatsby-code-text\">React.createDescriptor</code> with <code class=\"gatsby-code-text\">React.createElement</code>. <code class=\"gatsby-code-text\">createDescriptor</code> will continue to work with a warning and will be gone in v0.12. Chances are that this won’t affect anybody.</p>\n<p>And lastly, on the heels of announcing Flow at <a href=\"http://atscaleconference.com/\" target=\"_blank\" rel=\"nofollow noopener noreferrer\">@Scale</a> yesterday, we’re adding the ability to strip TypeScript-like type annotations as part of the <code class=\"gatsby-code-text\">jsx</code> transform. To use, simply use the <code class=\"gatsby-code-text\">--strip-types</code> flag on the command line, or set <code class=\"gatsby-code-text\">stripTypes</code> in the <code class=\"gatsby-code-text\">options</code> object when calling the API. We’ll be talking about Flow more in the coming months. But for now, it’s helpful to know that it is a flow-sensitive JavaScript type checker we will be open sourcing soon.</p>\n<p>The release is available for download from the CDN:</p>\n<ul>\n<li><strong>React</strong><br>\nDev build with warnings: <a href=\"https://fb.me/react-0.11.2.js\" target=\"_blank\" rel=\"nofollow noopener noreferrer\">https://fb.me/react-0.11.2.js</a><br>\nMinified build for production: <a href=\"https://fb.me/react-0.11.2.min.js\" target=\"_blank\" rel=\"nofollow noopener noreferrer\">https://fb.me/react-0.11.2.min.js</a>  </li>\n<li><strong>React with Add-Ons</strong><br>\nDev build with warnings: <a href=\"https://fb.me/react-with-addons-0.11.2.js\" target=\"_blank\" rel=\"nofollow noopener noreferrer\">https://fb.me/react-with-addons-0.11.2.js</a><br>\nMinified build for production: <a href=\"https://fb.me/react-with-addons-0.11.2.min.js\" target=\"_blank\" rel=\"nofollow noopener noreferrer\">https://fb.me/react-with-addons-0.11.2.min.js</a>  </li>\n<li><strong>In-Browser JSX transformer</strong><br>\n<a href=\"https://fb.me/JSXTransformer-0.11.2.js\" target=\"_blank\" rel=\"nofollow noopener noreferrer\">https://fb.me/JSXTransformer-0.11.2.js</a></li>\n</ul>\n<p>We’ve also published version <code class=\"gatsby-code-text\">0.11.2</code> of the <code class=\"gatsby-code-text\">react</code> and <code class=\"gatsby-code-text\">react-tools</code> packages on npm and the <code class=\"gatsby-code-text\">react</code> package on bower.</p>\n<p>Please try these builds out and <a href=\"https://github.com/facebook/react/issues/new\" target=\"_blank\" rel=\"nofollow noopener noreferrer\">file an issue on GitHub</a> if you see anything awry.</p>\n<h3 id=\"react-core\"><a href=\"#react-core\" aria-hidden class=\"anchor\"><svg aria-hidden=\"true\" height=\"16\" version=\"1.1\" viewBox=\"0 0 16 16\" width=\"16\"><path fill-rule=\"evenodd\" d=\"M4 9h1v1H4c-1.5 0-3-1.69-3-3.5S2.55 3 4 3h4c1.45 0 3 1.69 3 3.5 0 1.41-.91 2.72-2 3.25V8.59c.58-.45 1-1.27 1-2.09C10 5.22 8.98 4 8 4H4c-.98 0-2 1.22-2 2.5S3 9 4 9zm9-3h-1v1h1c1 0 2 1.22 2 2.5S13.98 12 13 12H9c-.98 0-2-1.22-2-2.5 0-.83.42-1.64 1-2.09V6.25c-1.09.53-2 1.84-2 3.25C6 11.31 7.55 13 9 13h4c1.45 0 3-1.69 3-3.5S14.5 6 13 6z\"></path></svg></a>React Core </h3>\n<h4 id=\"new-features\"><a href=\"#new-features\" aria-hidden class=\"anchor\"><svg aria-hidden=\"true\" height=\"16\" version=\"1.1\" viewBox=\"0 0 16 16\" width=\"16\"><path fill-rule=\"evenodd\" d=\"M4 9h1v1H4c-1.5 0-3-1.69-3-3.5S2.55 3 4 3h4c1.45 0 3 1.69 3 3.5 0 1.41-.91 2.72-2 3.25V8.59c.58-.45 1-1.27 1-2.09C10 5.22 8.98 4 8 4H4c-.98 0-2 1.22-2 2.5S3 9 4 9zm9-3h-1v1h1c1 0 2 1.22 2 2.5S13.98 12 13 12H9c-.98 0-2-1.22-2-2.5 0-.83.42-1.64 1-2.09V6.25c-1.09.53-2 1.84-2 3.25C6 11.31 7.55 13 9 13h4c1.45 0 3-1.69 3-3.5S14.5 6 13 6z\"></path></svg></a>New Features </h4>\n<ul>\n<li>Added support for <code class=\"gatsby-code-text\">&lt;dialog&gt;</code> element and associated <code class=\"gatsby-code-text\">open</code> attribute</li>\n<li>Added support for <code class=\"gatsby-code-text\">&lt;picture&gt;</code> element and associated <code class=\"gatsby-code-text\">media</code> and <code class=\"gatsby-code-text\">sizes</code> attributes</li>\n<li>\n<p>Added <code class=\"gatsby-code-text\">React.createElement</code> API in preparation for React v0.12</p>\n<ul>\n<li><code class=\"gatsby-code-text\">React.createDescriptor</code> has been deprecated as a result</li>\n</ul>\n</li>\n</ul>\n<h3 id=\"jsx\"><a href=\"#jsx\" aria-hidden class=\"anchor\"><svg aria-hidden=\"true\" height=\"16\" version=\"1.1\" viewBox=\"0 0 16 16\" width=\"16\"><path fill-rule=\"evenodd\" d=\"M4 9h1v1H4c-1.5 0-3-1.69-3-3.5S2.55 3 4 3h4c1.45 0 3 1.69 3 3.5 0 1.41-.91 2.72-2 3.25V8.59c.58-.45 1-1.27 1-2.09C10 5.22 8.98 4 8 4H4c-.98 0-2 1.22-2 2.5S3 9 4 9zm9-3h-1v1h1c1 0 2 1.22 2 2.5S13.98 12 13 12H9c-.98 0-2-1.22-2-2.5 0-.83.42-1.64 1-2.09V6.25c-1.09.53-2 1.84-2 3.25C6 11.31 7.55 13 9 13h4c1.45 0 3-1.69 3-3.5S14.5 6 13 6z\"></path></svg></a>JSX </h3>\n<ul>\n<li><code class=\"gatsby-code-text\">&lt;picture&gt;</code> is now parsed into <code class=\"gatsby-code-text\">React.DOM.picture</code></li>\n</ul>\n<h3 id=\"react-tools\"><a href=\"#react-tools\" aria-hidden class=\"anchor\"><svg aria-hidden=\"true\" height=\"16\" version=\"1.1\" viewBox=\"0 0 16 16\" width=\"16\"><path fill-rule=\"evenodd\" d=\"M4 9h1v1H4c-1.5 0-3-1.69-3-3.5S2.55 3 4 3h4c1.45 0 3 1.69 3 3.5 0 1.41-.91 2.72-2 3.25V8.59c.58-.45 1-1.27 1-2.09C10 5.22 8.98 4 8 4H4c-.98 0-2 1.22-2 2.5S3 9 4 9zm9-3h-1v1h1c1 0 2 1.22 2 2.5S13.98 12 13 12H9c-.98 0-2-1.22-2-2.5 0-.83.42-1.64 1-2.09V6.25c-1.09.53-2 1.84-2 3.25C6 11.31 7.55 13 9 13h4c1.45 0 3-1.69 3-3.5S14.5 6 13 6z\"></path></svg></a>React Tools </h3>\n<ul>\n<li>Update <code class=\"gatsby-code-text\">esprima</code> and <code class=\"gatsby-code-text\">jstransform</code> for correctness fixes</li>\n<li>\n<p>The <code class=\"gatsby-code-text\">jsx</code> executable now exposes a <code class=\"gatsby-code-text\">--strip-types</code> flag which can be used to remove TypeScript-like type annotations</p>\n<ul>\n<li>This option is also exposed to <code class=\"gatsby-code-text\">require(&#39;react-tools&#39;).transform</code> as <code class=\"gatsby-code-text\">stripTypes</code></li>\n</ul>\n</li>\n</ul>","excerpt":"Today we’re releasing React v0.11.2 to add a few small features. We’re adding support for two more DOM elements,  and , as well as the associated attributes needed to use these elements: , , and . While not all browsers support these natively, some of our cutting edge users want to make use of them, so we’re making them available to everybody. We’re also doing some work to prepare for v0.12 and improve compatibility between the versions. To do this we are replacing  with .  will continue to work…","frontmatter":{"title":"React v0.11.2","next":null,"prev":null,"author":[{"frontmatter":{"name":"Paul O’Shannessy","url":"https://twitter.com/zpao"}}]},"fields":{"date":"September 16, 2014","path":"content/blog/2014-09-16-react-v0.11.2.md","slug":"/blog/2014/09/16/react-v0.11.2.html"}},"allMarkdownRemark":{"edges":[{"node":{"frontmatter":{"title":"Introducing the New JSX Transform"},"fields":{"slug":"/blog/2020/09/22/introducing-the-new-jsx-transform.html"}}},{"node":{"frontmatter":{"title":"React v17.0 Release Candidate: No New Features"},"fields":{"slug":"/blog/2020/08/10/react-v17-rc.html"}}},{"node":{"frontmatter":{"title":"React v16.13.0"},"fields":{"slug":"/blog/2020/02/26/react-v16.13.0.html"}}},{"node":{"frontmatter":{"title":"Building Great User Experiences with Concurrent Mode and Suspense"},"fields":{"slug":"/blog/2019/11/06/building-great-user-experiences-with-concurrent-mode-and-suspense.html"}}},{"node":{"frontmatter":{"title":"Preparing for the Future with React Prereleases"},"fields":{"slug":"/blog/2019/10/22/react-release-channels.html"}}},{"node":{"frontmatter":{"title":"Introducing the New React DevTools"},"fields":{"slug":"/blog/2019/08/15/new-react-devtools.html"}}},{"node":{"frontmatter":{"title":"React v16.9.0 and the Roadmap Update"},"fields":{"slug":"/blog/2019/08/08/react-v16.9.0.html"}}},{"node":{"frontmatter":{"title":"Is React Translated Yet? ¡Sí! Sim! はい！"},"fields":{"slug":"/blog/2019/02/23/is-react-translated-yet.html"}}},{"node":{"frontmatter":{"title":"React v16.8: The One With Hooks"},"fields":{"slug":"/blog/2019/02/06/react-v16.8.0.html"}}},{"node":{"frontmatter":{"title":"React v16.7: No, This Is Not the One With Hooks"},"fields":{"slug":"/blog/2018/12/19/react-v-16-7.html"}}}]}},"pageContext":{"slug":"/blog/2014/09/16/react-v0.11.2.html"}},"staticQueryHashes":[]}