{"componentChunkName":"component---src-templates-blog-js","path":"/blog/2017/06/13/react-v15.6.0.html","result":{"data":{"markdownRemark":{"html":"

Today we are releasing React 15.6.0. As we prepare for React 16.0, we have been fixing and cleaning up many things. This release continues to pave the way.

\n

Improving Inputs

\n

In React 15.6.0 the onChange event for inputs is a little bit more reliable and handles more edge cases, including the following:

\n\n

Thanks to Jason Quense and everyone who helped out on those issues and PRs.

\n

Less Noisy Deprecation Warnings

\n

We are also including a couple of new warnings for upcoming deprecations. These should not affect most users, and for more details see the changelog below.

\n

After the last release, we got valuable community feedback that deprecation warnings were causing noise and failing tests. In React 15.6, we have downgraded deprecation warnings to use console.warn instead of console.error. Our other warnings will still use console.error because they surface urgent issues which could lead to bugs. Unlike our other warnings, deprecation warnings can be fixed over time and won’t cause problems in your app if shipped. We believe that downgrading the urgency of deprecation warnings will make your next update easier. Thanks to everyone who was involved in the discussion of this change.

\n
\n

Installation

\n

We recommend using Yarn or npm for managing front-end dependencies. If you’re new to package managers, the Yarn documentation is a good place to get started.

\n

To install React with Yarn, run:

\n
yarn add react@^15.6.0 react-dom@^15.6.0
\n

To install React with npm, run:

\n
npm install --save react@^15.6.0 react-dom@^15.6.0
\n

We recommend using a bundler like webpack or Browserify so you can write modular code and bundle it together into small packages to optimize load time.

\n

Remember that by default, React runs extra checks and provides helpful warnings in development mode. When deploying your app, make sure to use the production build.

\n

In case you don’t use a bundler, we also provide pre-built bundles in the npm packages which you can include as script tags on your page:

\n\n

We’ve also published version 15.6.0 of react and react-dom on npm, and the react package on bower.

\n
\n

Changelog

\n

15.6.0 (June 13, 2017)

\n

React

\n\n

React DOM

\n\n

React Addons

\n","excerpt":"Today we are releasing React 15.6.0. As we prepare for React 16.0, we have been fixing and cleaning up many things. This release continues to pave the way. Improving Inputs In React 15.6.0 the event for inputs is a little bit more reliable and handles more edge cases, including the following: not firing when radio button is clicked but not changed (issue 1471) changing an input of type with the arrow keys (issue 554) pasting text into a text area in IE11 (issue 7211) auto-fill in IE11 (issue…","frontmatter":{"title":"React v15.6.0","next":null,"prev":null,"author":[{"frontmatter":{"name":"Flarnie Marchan","url":"https://twitter.com/ProbablyFlarnie"}}]},"fields":{"date":"June 13, 2017","path":"content/blog/2017-06-13-react-v15.6.0.md","slug":"/blog/2017/06/13/react-v15.6.0.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/2017/06/13/react-v15.6.0.html"}},"staticQueryHashes":[]}