{"componentChunkName":"component---src-templates-blog-js","path":"/blog/2014/02/16/react-v0.9-rc1.html","result":{"data":{"markdownRemark":{"html":"

We’re almost ready to release React v0.9! We’re posting a release candidate so that you can test your apps on it; we’d much prefer to find show-stopping bugs now rather than after we release.

\n

The release candidate is available for download from the CDN:

\n\n

We’ve also published version 0.9.0-rc1 of the react and react-tools packages on npm and the react package on bower.

\n

Please try these builds out and file an issue on GitHub if you see anything awry.

\n

Upgrade Notes

\n

In addition to the changes to React core listed below, we’ve made a small change to the way JSX interprets whitespace to make things more consistent. With this release, space between two components on the same line will be preserved, while a newline separating a text node from a tag will be eliminated in the output. Consider the code:

\n
<div>\n  Monkeys:\n  {listOfMonkeys} {submitButton}\n</div>
\n

In v0.8 and below, it was transformed to the following:

\n
React.DOM.div(null,\n  \" Monkeys: \",\n  listOfMonkeys, submitButton\n)
\n

In v0.9, it will be transformed to this JS instead:

\n
React.DOM.div(null,\n  \"Monkeys:\",  listOfMonkeys, \" \", submitButton)
\n

We believe this new behavior is more helpful and eliminates cases where unwanted whitespace was previously added.

\n

In cases where you want to preserve the space adjacent to a newline, you can write a JS string like {"Monkeys: "} in your JSX source. We’ve included a script to do an automated codemod of your JSX source tree that preserves the old whitespace behavior by adding and removing spaces appropriately. You can install jsx_whitespace_transformer from npm and run it over your source tree to modify files in place. The transformed JSX files will preserve your code’s existing whitespace behavior.

\n

Changelog

\n

React Core

\n

Breaking Changes

\n\n

New Features

\n\n

Bug Fixes

\n\n

React with Addons

\n\n

JSX Compiler and react-tools Package

\n","excerpt":"We’re almost ready to release React v0.9! We’re posting a release candidate so that you can test your apps on it; we’d much prefer to find show-stopping bugs now rather than after we release. The release candidate is available for download from the CDN: React Dev build with warnings: https://fb.me/react-0.9.0-rc1.js Minified build for production: https://fb.me/react-0.9.0-rc1.min.js React with Add-Ons Dev build with warnings: https://fb.me/react-with-addons-0.9.0-rc1.js Minified build for…","frontmatter":{"title":"React v0.9 RC","next":null,"prev":null,"author":[{"frontmatter":{"name":"Sophie Alpert","url":"https://sophiebits.com/"}}]},"fields":{"date":"February 16, 2014","path":"content/blog/2014-02-16-react-v0.9-rc1.md","slug":"/blog/2014/02/16/react-v0.9-rc1.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/02/16/react-v0.9-rc1.html"}},"staticQueryHashes":[]}