When react 16 comes out, we'll want to enable compatibility with react 16.
Terra components are compatible with React 16
N/A
The React Team's progress in releasing v16 https://github.com/facebook/react/issues/10294
requestAnimationFrame, even in test enviornmentssetState with null no longer triggers an update and calling setState directly in render always causes an update.componentDidUpdate lifecycle no longer receives prevContext param. (See https://github.com/facebook/react/pull/8631)Hydrating a server rendered container now has an explicit API. Use
ReactDOM.hydrateinstead ofReactDOM.renderif you're reviving server rendered HTML. Keep usingReactDOM.renderif you're just doing client-side rendering.
Here is the initial assessment of upgrading terra-core to React 16 using React v16.0.0-rc:
https://docs.google.com/document/d/1wmJGGm7vE66V4UtAMTkJlzrjfc3TeTc4mjiY09nk13g/edit?usp=sharing
| Good To Go | Dependency | Current Specified Version | React 16 Supported Version | Watch Issue
| ----|----|----|----|-----|
| โ
| enzyme | ^2.8.2 | v^3.x | https://github.com/cerner/terra-core/issues/871 |
| โ
| react-intl | v^2.3.0 | v2.4.0 | Need to bump to v2.4.0 |
| โ
| react-datepicker | v^0.46.0 | v^0.61.0 | Need to bump to v0.61.0 CLOSED: https://github.com/Hacker0x01/react-datepicker/issues/972 |
| โ
| react-redux | v^5.0.4 | v4.4.7 | N/A |
| โ
| focus-trap-react | v^3.0.2 | v3.0.4 | Need to bump to v3.0.4....CLOSED: https://github.com/davidtheclark/focus-trap-react/issues/15 |
| โ
| react-router | v^3.0.5 | v3.2.0 | Need to bump to v3.2.0 |
| โ
| react-transition-group | v^2.2.0 | v2.2.1 | Need to bump to v2.2.1....CLOSED: https://github.com/reactjs/react-transition-group/pull/198 |
| โ
| react-animate-height | v^0.9.5 | v0.10.4 | Need to bump to v0.10.4....CLOSED: https://github.com/Stanko/react-animate-height/issues/28 |
This is blocked by https://github.com/cerner/terra-core/issues/871.
Unblocked by #871. However will need to implement enzyme-adapter-react-16.
Resolved in #1194
Most helpful comment
Third Party Dependencies Requiring React:
| Good To Go | Dependency | Current Specified Version | React 16 Supported Version | Watch Issue
| ----|----|----|----|-----|
| โ | enzyme | ^2.8.2 | v^3.x | https://github.com/cerner/terra-core/issues/871 |
| โ | react-intl | v^2.3.0 | v2.4.0 | Need to bump to v2.4.0 |
| โ | react-datepicker | v^0.46.0 | v^0.61.0 | Need to bump to v0.61.0 CLOSED: https://github.com/Hacker0x01/react-datepicker/issues/972 |
| โ | react-redux | v^5.0.4 | v4.4.7 | N/A |
| โ | focus-trap-react | v^3.0.2 | v3.0.4 | Need to bump to v3.0.4....CLOSED: https://github.com/davidtheclark/focus-trap-react/issues/15 |
| โ | react-router | v^3.0.5 | v3.2.0 | Need to bump to v3.2.0 |
| โ | react-transition-group | v^2.2.0 | v2.2.1 | Need to bump to v2.2.1....CLOSED: https://github.com/reactjs/react-transition-group/pull/198 |
| โ | react-animate-height | v^0.9.5 | v0.10.4 | Need to bump to v0.10.4....CLOSED: https://github.com/Stanko/react-animate-height/issues/28 |